/* body ボディ
-----------------------------------------------------*/

body {
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka‐等幅";
font-size:15px;
line-height: 160%;
background-image:url(images/bg.png) ;
background-position:center;
background-color:#eaeaea;
color: #333333;
text-align: center;
margin: 0px auto;
padding: 0px;
}

a:link {
text-decoration:underline;
}

a:visited {
text-decoration:underline;
}

a:active {
text-decoration:underline;
}

a:hover {
text-decoration: none;
}


/* container コンテナ
-----------------------------------------------------*/

#container {
width:960px;
background-color:#FFFFFF;
margin: 0px auto;
text-align: left;
}

/* header ヘッダー
-----------------------------------------------------*/

#header {
height:100px;
background:#ffffff;
background-repeat:no-repeat;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width:960px;
}

#header_left {
float:left;
width:380px;
}

#header_left2 {
float:left;
width:280px;
font-size:12px;
line-height: 150%;
padding: 16px 5px 0px 15px;
}

#header_left3 {
float:left;
width:280px;
line-height: 130%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
overflow: hidden;
display: inline;
}

.header_kakomi {
font-size:17px;
text-align:center;
font-weight:bold;
border:#c1341f solid 2px;
margin: 20px 20px 0px 0px;
padding: 10px 0px 10px 0px;
}

#header a, #header a:link, #header a:visited {
color:#333333;
text-decoration: none;
}

#header a:hover {
color:#333333;
text-decoration:underline;
}

#header h1 {
font-size:10px;
font-weight:normal;
margin: 0px auto;
text-align: left;
padding: 0px 0px 0px 0px;
}

/* menu メニュー
-----------------------------------------------------*/

#menu {
width:100%;
background-color:#000000;
height:28px;
font-size:12px;
}

#menu ul {
width:960px;
list-style:none;
display:block;
margin: 0px auto;
text-align: left;
padding: 0px;
}

#menu li {
list-style:none;
float:left;
text-align:center;
width:160px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#menu li.home {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width:160px;
border-left:none;
}

#menu a, #menu a:link, #menu a:visited {
color: #FFFFFF;
text-decoration: none;
height:23px;
padding: 3px 0px 0px 0px;
display:block;
}

#menu a:hover {
color: #FFFFFF;
background:#666666;
height:23px;
padding: 3px 0px 0px 0px;
text-decoration: none;
}

/* パンくず
-----------------------------------------------------*/

#bread-crumb ul{
list-style:none;
display:block;
margin: 0px auto;
text-align: left;
padding: 0px;
font-size:10px;
padding: 0px 0px 0px 0px;
}

#bread-crumb li {
list-style:none;
float:left;
text-align:left;
margin: 0px 0px 0px 0px;
}

#bread-crumb .top {
padding: 0px 0px 0px 0px;
}

#bread-crumb .sub {
padding: 0px 0px 0px 7px;
}

#bread-crumb .sub:before {
 content:"> ";
}

/* トップスライド
-----------------------------------------------------*/

.topimages {
width:100%;
height:300px;
margin:0px;
padding:0px;
}

#slideshow {
    position:relative;
margin:0px 0px 0px 0px;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow img.active {
    z-index:10;
}

#slideshow img.last-active {
    z-index:9;
}

/* main メイン
-----------------------------------------------------*/

#main {
float:left;
width:600px;
background: #FFFFFF;
margin: 20px 0px 0px 20px;
}

#main h1 {
font-size:22px;
font-weight:bold;
color:#000000;
border-bottom:#c1341f solid 5px;
margin: 10px 0px 10px 0px;
padding: 0px 0px 13px 0px;
}

.main_body h2 {
font-size:20px;
border-left:#c1341f solid 6px;
border-bottom:#cccccc solid 1px;
margin: 25px 0px 20px 0px;
padding: 5px 10px 5px 5px;
}

@media screen and (min-width: 600px) {
  .main_body h2 br {
    display: none;
  }
}

.main_body h3 {
font-size:18px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}

#main .category {
border:#cccccc solid 1px;
margin: 10px 0px 10px 0px;
padding: 10px;
}

#main .category_right {
float:right;
width:466px;
}

#main .category_left {
float:left;
width:100px;
padding: 0px 10px 0px 0px;
}


#main p {
margin: 20px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}

#main blockquote {
margin: 20px 0px 20px 0px;
padding: 10px 10px 10px 10px;
border:#999999 dotted 1px;
background: #FFFFFF;
}

#main .main_body ul {
margin: 15px 30px 15px 18px;
padding: 0px 0px 0px 0px;
}

#main .main_body ol {
margin: 15px 30px 15px 25px;
padding: 0px 0px 0px 0px;
}

#main .main_body li {
line-height: 140%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 0px;
}

#main .date {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#main .date2 {
text-align:right;
font-size:12px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}


#main .main_body img {
}

.profile {
float:right;
}

/* トップページ
-----------------------------------------------------*/

.top_img {
margin: 0px 0px 0px 0px;
}

.top_img2 {
margin: 0px 0px 0px 0px;
}

.topkakomi1 {
border:#c13234 solid 4px;
padding: 2px;
margin: 15px 0px 0px 0px;
}

.topkakomi2 {
text-align:center;
line-height: 160%;
font-weight:bold;
border:#c13234 solid 2px;
padding: 0px 10px 0px 10px;
}

.topkakomi_midashi {
font-size:24px;
}

@media screen and (min-width: 600px) {
  .topkakomi2 br {
    display: none;
  }
}

.red2 {
color:#CC0000;
}

.topkakomi3 {
background-image:url(images/topbg.png) ;
background-position:bottom;
background-repeat:repeat-x;
border:#cccccc solid 1px;
padding: 10px;
margin: 0px 0px 20px 0px;
position:relative;
}

.topkakomi3_left {
width:283px;
height:275px;
float:left;
background-image:url(images/topbg.png) ;
background-position:bottom;
background-repeat:repeat-x;
border:#cccccc solid 1px;
padding: 5px;
margin: 0px 0px 20px 0px;
position:relative;
}

.topkakomi3_right {
width:283px;
height:275px;
float:right;
background-image:url(images/topbg.png) ;
background-position:bottom;
background-repeat:repeat-x;
border:#cccccc solid 1px;
padding: 5px;
margin: 0px 0px 20px 0px;
position:relative;
}

.h3kakomi {
color:#FFFFFF;
background:#c13234;
text-align:center;
padding: 10px 0px 5px 0px;
}

.topkakomi3_button {
position:absolute;
width:92%;
bottom:5px;
text-align:center;
border:#cccccc solid 1px;
background:#ffffff;
padding: 5px;
}

.top_body h2 {
font-size:20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.top_body h3 {
font-size:20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}


/* よくある質問の装飾
-----------------------------------------------------*/

.question {
font-size:18px;
font-weight:bold;
}

.red {
font-size:22px;
color:#CC0000;
font-weight:bold;
}

.blue {
font-size:22px;
color:#0066cc;
font-weight:bold;
}


/* main table メインのテーブル
-----------------------------------------------------*/

#main table ul {
margin: 5px 0px 5px 20px;
padding: 0px 0px 0px 0px;
}

#main table {
margin: 20px 0px 20px 0px;
padding: 0px 0px 0px 0px;
width:600px;
border:solid #cccccc 1px;
border-collapse:collapse;
}

#main caption {
margin: 0px 0px 10px 0px;
font-size:110%;
font-weight:bold;
}

#main th {
padding: 10px 10px 10px 10px;
border:solid #cccccc 1px;
background-color:#f8f8f8;
text-align:center;
}

#main td {
padding: 10px 10px 10px 10px;
border:solid #cccccc 1px;
}


/* new 更新情報
-----------------------------------------------------*/

#main .new {
height: 150px;
overflow: auto;
margin-right: auto;
margin-left: auto;
}

#main .new li {
border-bottom:#CCCCCC dotted 2px;
margin: 5px 0px 5px 0px;
padding: 5px 0px 10px 0px;
}

/* 同カテゴリ内の前後の記事の表示
-----------------------------------------------------*/

.previous {
float:left;
width:267px;
margin: 5px 0px 10px 0px;
padding: 10px 10px 10px 10px;
border:#CCCCCC solid 1px;
font-size:12px;
}

.next {
float:right;
width:267px;
margin: 5px 0px 10px 0px;
padding: 10px 10px 10px 10px;
border:#CCCCCC solid 1px;
font-size:12px;
}

.clear {
clear:both;
}




/* sub サブ
-----------------------------------------------------*/

#sub {
float:right;
font-size:14px;
width:300px;
margin: 20px 20px 0px 0px;
padding: 0px 0px 0px 0px;
display: inline;
}

#sub h3 {
font-size:16px;
text-align:left;
font-weight:bold;
border-bottom:#CCCCCC solid 2px;
margin: 11px 0px 0px 0px;
padding: 0px 0px 5px 0px;
}

#sub .category {
margin: 0px 0px 0px 0px;
padding: 0px 11px 0px 11px;
background:#f9f9f9;
border:#ffffff solid 2px;
}

#sub .sotowaku {
margin: 0px 0px 10px 0px;
border:#e6e6e6 solid 2px;
}

#sub .side_banner {
margin: 0px 0px 10px 0px;
}

#sub p {
margin: 15px 0px 15px 0px;
padding: 0px 0px 0px 0px;
}

#sub blockquote {
margin: 15px 0px 15px 0px;
padding: 10px 10px 10px 10px;
border:#999999 dotted 1px;
}

#sub .soto {
margin: 0px 15px 0px 15px;
}

#sub ul {
margin: 15px 0px 15px 18px;
padding: 0px 0px 0px 0px;
}

#sub li {
line-height: 170%;
margin: 0px 0px 0px 0px;
}

.pc {
display:block;
}

.smart {
display:none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

/* footer フッター
-----------------------------------------------------*/

#footer {
clear:both;
text-align:center;
font-size:12px;
border-top:#CCCCCC dotted 1px;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
}

#footer p {
margin: 5px 25px 5px 25px;
padding: 0px 0px 0px 0px;
}

#footer a, #footer a:link, #footer a:visited {
text-decoration:underline;
}

#footer a:hover {
text-decoration: none;
}

@media screen and (min-width: 600px) {
  #footer br {
    display: none;
  }
}