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

body {
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka‐等幅";
font-size:14px;
line-height: 160%;
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:100%;
background-color:#FFFFFF;
margin: 0px auto;
text-align: left;
}

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

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

#header_left {
float:none;
width:100%;
}

#header_left2 {
float:none;
width:100%;
font-size:13px;
line-height: 150%;
text-align:center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#header_left3 {
float:none;
width:100%;
line-height: 130%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.header_kakomi {
font-size:16px;
text-align:center;
font-weight:bold;
border:#c1341f solid 3px;
margin: 15px 10px 10px 10px;
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;
}

#header h1 img {
width:100%;
height:auto;
}

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

#menu {
width:100%;
background-color:#ffffff;
height:auto;
font-size:12px;
margin: 10px 0px 0px 0px;
}

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

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

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

#menu a:hover {
color: #FFFFFF;
background:#99ccff;
background:url(images/menu_back_h.gif) ;
text-decoration: none;
}

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

#bread-crumb {
display:none;
}

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

.topimages {
width:100%;
height:200px;
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:none;
width:100%;
background: #FFFFFF;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

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

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

.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: 5px;
}

#main .category_right {
float:right;
width:65%;
}

#main .category_left {
float:left;
width:32%;
height:auto;
padding: 0px 3% 0px 0px;
}

#main .category_left img {
max-width:100%;
height:auto;
}


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

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

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

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

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

#main .main_body img {
width:300px;
height:auto;
text-align:center;
}

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

.profile {
float:none;
}

.profile img {
width:100%;
height:auto;
}

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

.top_img {
width:100%;
height:auto;
margin: 0px 0px 0px 0px;
}

.top_img2 {
width:100%;
height:auto;
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-size:16px;
font-weight:bold;
border:#c13234 solid 2px;
padding: 0px 5px 0px 5px;
}

.red2 {
color:#CC0000;
}

.topkakomi3_left {
width:auto;
height:auto;
float:none;
border:#cccccc solid 1px;
padding: 5px;
margin: 0px 0px 20px 0px;
}

.topkakomi3_right {
width:auto;
height:auto;
float:none;
border:#cccccc solid 1px;
padding: 5px;
margin: 0px 0px 20px 0px;
}


.h3kakomi {
color:#FFFFFF;
background-image:url(images/h3kakomi.gif) ;
background-position:left top;
background-repeat:repeat-x;
background:#c13234;
text-align:center;
padding: 10px 0px 10px 0px;
}

.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;
}

#main .top_body img {
width:auto;
height:auto;
}



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

.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:100%;
font-size:12px;
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;
}

#main .tas {
margin: 0px 5px 0px 5px;
}


/* 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:none;
width:auto;
margin: 5px 0px 10px 0px;
padding: 10px 10px 10px 10px;
border:#CCCCCC solid 1px;
font-size:12px;
}

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

.clear {
clear:both;
}



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

#sub {
float:none;
font-size:14px;
width:100%;
margin: 20px 0px 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 5px 0px 5px;
padding: 0px 11px 0px 11px;
background:#f9f9f9;
border:#ffffff solid 2px;
}

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

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

#sub .side_banner img {
width:100%;
}


#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:none;
}

.smart {
display:inline;
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;
}