/*文字コード設定*/
@charset "utf-8";

/*margin=0 padding=0*/
* {margin: 0; padding: 0}

/*a要素の下線と、ul、ol要素の「・」をオフに指定*/
a { text-decoration : none}
ul, ol { list-style : none}

/*ディセンダ―(文字下側余白)設定*/
img{ vertical-align : middle}

/*img を画像サイズ最大に設定*/
img{ max-width : 100%}

/*font-family フォント名指定
verdana ヒューマニスティック・サンセリフフォント
sans-serif ゴシック系フォント
line-higth 行間指定
*/
html {
font-family : verdana, sans-serif;
line-height : 1.5}

/*見出しフォントサイズと行の高さ指定*/
h1,h2,h3,h4,h5,h6 { margin-bottom : 24px;
}
h1 {
font-size: 48px; 
line-height: 1} /* 48px */
h2 {
font-size : 36px;
line-height : 1.3333} /* 48px */
h3{
text-indent: 1em;
background-color:#ffcc99;
color: #c71585;
font-size : 24px;
padding : 5px ;
line-height : 1} /* 24px */
hgroup h2,h4,h5,h6 {
font-size : 16px;
line-height : 1.5} /* 24px */

h3.sp {
background-color: #90ee90;
color: #ff0000;
font-size : 35px;
padding-top : 10px ;
padding-bottom : 10px ;
line-height : 1} /* 24px */
hgroup h2,h4,h5,h6 {
line-height : 1.5} /* 24px */


h4 {
padding-left:1em;
color: #228b22; /*#0000cd;*/
}

p.idx_str {

padding-left:1em;
}

/*************************************************************/
/*************************************************************/
/* header部分のCSS */
/*************************************************************/
/*************************************************************/



/*header 属性の調整*/
header { text-align : center;padding-top : 24px}
header h1 { margin-bottom : 24px}
header h2 { color : #62240b}

/*ナビゲーションの幅設定*/
nav ul li { width : 16%; float : left}
nav ul li a { display : block}

/*メニュー背景色設定 グラデーション設定
IEはグラデーションが設定できないので固定色設定*/
nav {
margin-bottom : 24px;
background-color: #7D4934;
background: -moz-linear-gradient(top, rgba(81,24,8,0.71) 0%, rgba(91,25,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(81,24,8,0.71)), color-stop(100%,rgba(91,25,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(81,24,8,0.71) 0%,rgba(91,25,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(81,24,8,0.71) 0%,rgba(91,25,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(81,24,8,0.71) 0%,rgba(91,25,0,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(81,24,8,0.71) 0%,rgba(91,25,0,1) 100%); /* W3C */
}
nav ul { overflow : hidden}

/*メニュー高さ指定*/
nav ul li a { display : block; padding : 12px 0}

/*メニュー フォント設定*/
nav ul li a {
display : block;
color : #d8c2a4;
padding : 12px 0}

/*ロールオーバー設定(マウスON動作)*/
nav ul li a:hover {
color : white;
background-color : #7d4934}



/*************************************************************/
/*************************************************************/
/* コンテンツ部分のCSS */
/*************************************************************/
/*************************************************************/

/*タイトルと本文間のスペース設定*/
#contents {
width : 90%;
margin : 0 auto;
text-align : center}

#contents p { 
margin-bottom : 24px;
text-align : left}

#contents img { 
margin-bottom : 24px; 
box-shadow : 0 0 2px #000}

#subtitle h4{
text-align : left;
margin-bottom : 10px;
}

/*フッター設定*/
footer {
color : white;
text-align : center;
padding : 24px 0;
background-color: #7D4934;
/*background : url(../images/footer_bg.png);*/
}


/*************************************************************/
/* サブページ用 */
/*************************************************************/

h2.header2 {text-align:left;
            color:#000080; 
            background-color:#eef3f9; 
            width:100%; 
            margin-top:4px; 
            margin-bottom:10px; 
            padding:3px; 
            font-size:120%; 
            border-top:5px solid; 
            border-bottom:5px solid;
            }

h2.menu    {text-align:left;
            color: #FF0000; 
            background-color: #ccff99; 
            width:90%; 
            margin-top:4px; 
            margin-bottom:10px; 
            padding:3px; 
            font-size:120%;
            border-bottom:5px solid; 
            }

h2.menu_com {text-align:left;
            color: #000080; 
            background-color: #eef3f9; 
            width:90%; 
            margin-top:4px; 
            margin-bottom:10px; 
            padding:3px; 
            font-size:120%;
            }
            



div.quest    {text-align:left;
            color: #000000; 
            /*background-color: #ffc0cb; */
            background-color: #ffc0cb;
            width:90%; 
            margin-top:4px; 
            margin-bottom:10px; 
            padding:3px; 
            font-size:100%;
            font-weight: bold;
            border-bottom:5px solid #FF0000; 
            text-indent: 10px;
            }
            
div.answer    {text-align:left;
            color: #000000; 
            background-color: #FFFFFF; 
            width:90%; 
            margin-top:4px; 
            margin-bottom:10px; 
            padding:3px; 
            font-size:100%;
            padding-left: 2em;
            }
            

div.complab  {text-align:left;
            color: #000000; 
            background-color: #FFFFFF; 
            width:90%; 
            margin-top:4px; 
            margin-bottom:10px; 
            padding:3px; 
            font-size:100%;
            border-bottom:5px solid #2f4f4f; 
            padding-left: 1em;
            }
            
div.compdet  {text-align:left;
            color: #000000; 
            background-color: #FFFFFF; 
            width:90%; 
            margin-top:4px; 
            margin-bottom:10px; 
            padding:3px; 
            font-size:100%;
            padding-left: 2em;
            }


div.buslab  {text-align:left;
            color: #000000; 
            background-color: #FFFFFF; 
            width:90%; 
            margin-top:4px; 
            margin-bottom:10px; 
            padding:3px; 
            font-size:100%;
            font-style: italic;
            #border-bottom:5px solid #2f4f4f; 
            padding-left: 1em;
            }
            
div.busdet  {text-align:left;
            color: #000000; 
            background-color: #FFFFFF; 
            width:90%; 
            margin-top:4px; 
            margin-bottom:10px; 
            padding:3px; 
            font-size:100%;
            padding-left: 2em;
            }

div.buscau  {text-align:left;
            color: #FF0000; 
            background-color: #FFFFFF; 
            width:90%; 
            margin-top:4px; 
            margin-bottom:10px; 
            padding:3px; 
            font-size:80%;
            #border-bottom:5px solid #2f4f4f; 
            padding-left: 1em;
            }


.ari_table {
 			border-collapse: collapse;
 			font-size:80%;
}

/*

#atai {padding:10px; background:#FFFFFF; font-size:100%;}
#atai dl {margin:0px; line-height:150%;}
#atai dd {margin-left:30px;margin-top:10px;margin-bottom:10px;padding:10}
#atai dl dt {font-weight:bold;}

#atai_com {padding:5px; background:#FFFFFF; font-size:80%;color:red}
#atai_com dl {margin:0px; line-height:100%;}
#atai_com dd {margin-left:40px;margin-top:10px;margin-bottom:10px;padding:10}
#atai_com dl dt {font-weight:bold;margin-left:30px;}



#testa dt {margin: 50; padding: 40}
#testa dd {margin: 50; padding: 40}
* {margin: 0; padding: 0}
*/

/*************************************************************/
/*************************************************************/
/* ブレイクポイント記述（水平画面サイズ制御） */
/*************************************************************/
/*************************************************************/

/*768px*/
@media screen and (min-width : 400px){
#contents { text-align : left}
}

@media screen and (min-width : 1024px) {

#contents {
overflow : hidden;
width : 960px} /* 960/1024 */
#contents #main,
#contents #sub {
float : left;
margin : 0 10px } /*10/960*/

#contents #main { width : 620px } /*620/960*/
#contents #sub { width : 300px } /*300/960*/

/*メニュー幅の固定*/
nav ul {
width : 960px;/* 960/1024 */
margin : 0 auto}

/*フッター幅固定*/

footer {
/*width : 940px; *//*940/1024*/
padding : 24px 0;
margin : 0 auto}

}


/*************************************************************/
/*************************************************************/
/* グリッドデザイン用グリッド表示(デバッグ用) */
/*************************************************************/
/*************************************************************/
/*
html {
font-family : verdana, sans-serif;
font-size : 100%;
line-height : 1.5;
background : url(../images/960_grid_12_col.png) repeat-y top center}
*/