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

/* Yahoo! UI Library: Reset CSS */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* Yahoo! UI Library: Reset CSS ここまで*/

/* コンテンツが少ない場合にFirefoxでスクロールバーが消えてしまうの防止 */

html { overflow-y:scroll; }






/* ページ全体の基本的な設定と背景色 */
	body {
	background-color: #FFFFFF;
}

h2{
	clear:left;
	font-size:1.6em;
	font-style:normal;
	font-weight:bold;
	margin-top:1em;
	border-top:0.2em solid #ED6D00;
	border-bottom:0.1em solid #ED6D00;
}

#content988 h2 a{
	text-decoration:none;
	 color:#666;
}

#content988 h2 a:hover{
     background: #ccc;
     color: #B30000;
}

#content988 h3{
	margin:1em 0 1em; 0;
	padding-left:0.5em;
	font-size:1.4em;
	font-weight:bold;
}

#content988 h3 a{
	text-decoration:none;
	 color:#666;
}

#content988 h3 a:hover{
     background: #ccc;
     color: #B30000;
}



#content988 p{
	margin-left:7em;
	margin-top: 0.2em;
	line-height:1.4;
	font-size: 1.2em;
    font-weight:normal;
}

#content988 ul{
	font-size:1.2em;
	padding:0 1em 0 1.5em;
	list-style-image:url(images/0033_bala.png);
}

#content988 ul li{
	margin:1em 0 0.5em 0.5em;
	padding-bottom:1em;
	line-height:1.4;
	border-bottom:0.05em solid #999999;
}



html{ 
	font-size: 62.5%;
}

/* ページ全体の基本的な設定と背景色 終了*/


#container{
	width:96em;
	margin-left : auto ; margin-right : auto ;
}

#header {
	position:relative;
	width:96em;
	height:8em;
}

img#logo{
float:left;
width:16em;
height:8em;
}

img#pagebanner{
float:left;
display:block;
width:48em;
height:8em;
}


/* 右上のお助けリンク　*/

#fbox {
   position:absolute;
   top: 0.3em;
   left: 65em;
}

#fbox ul{
font-size:1.2em;
}
#fbox ul li{
display:inline;
border-right:0.05em solid #333333;
margin-right:0.5em;
padding-right:0.5em;
}
#fbox ul li.list-first{
background-image:url(images/orange-home.gif);
padding-left:1em;
border-right-style:none;
margin-right:0.1em;
padding-right:0;
}
#fbox ul li.list-last{
border-right-style:none;
margin-right:0.1em;
padding-right:0;
}
#fbox:after { 
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}

#fbox a:hover {
     background: #CCC;
     color:#B30000;
}


/* 右上の検索 */

#header #fbox2 {
   position:absolute;
   top: 2.6em;
   left: 70em;
}
#header #fbox2 p{
font-size:1em;
}


#grobalnavi{
clear:left;
width:96em;
display:block;
height:3.4em;
border-top:0.4em solid #FF9933;
background: #EEE;}


#menu li {
	float:left;
	text-align: center;
margin: 0;
padding: 0;
list-style: none;
font-size: 1.2em;
font-weight:bold;
}
#menu .sub li {
	clear: left;
}
#menu li a {
	display: block;
	width: 8em;
	text-decoration: none;
		text-align: center;
padding-top:0.5em;
padding-bottom:0.5em;
	color:#666;
border-top: 0.2em solid #FFF;
border-right: 0.2em solid #CCC;
border-bottom: 0.2em solid #CCC;
border-left: 0.2em solid #FFF;
background-color: #EEE;
}

#menu li a.l14{
width:16em;
}

#menu li a.l30{
width:32em;
}



#menu .sub a {
	border-top: none;
}
#menu a:hover {
 background: #CCC;
color:#B30000;
}
.sub {
	display: none;
}
#menu li:hover .sub{
	display: block;
	position: absolute;
}

#menu li:hover .sub a{
	border-top: none;
}

#precontents{
clear:left;
border-bottom:solid 0.05em #999999;
}

#precontents img#topimage{
width:96em;
height:19.2em;
}

/*パンくずリスト*/
.mainpage_breadcrumbs{
	font-size: 1.2em;
	vertical-align:middle;
	padding:0.5em 0 0.5em 0;
	}

.mainpage_breadcrumbs img{
width:1.2em;
height:1.2em;
	}

.mainpage_breadcrumbs a:hover{
     background: #CCC;
     color:#B30000;
}

#contents {
	width:96em;
	margin-bottom:1.2em;
}




/* TOP ページの主コンテンツ（右側）はじまり */


#topmain {
float:right;
width:48em;
font-size:1.2em;
}

#topmain h2{
	clear:left;
	font-size:1.6em;
	font-style:normal;
	font-weight:bold;
	margin-top:1em;
	border-top:0.2em solid #ED6D00;
	border-bottom:0.1em solid #ED6D00;
}

#topmain h2 a{
	text-decoration:none;
	 color:#666;
}

#topmain h2 a:hover{
     background: #ccc;
     color: #B30000;
}

#topmain img{
	float:left;
	width:6.5em;
	height:6.5em;
	border: 0;
	margin-bottom:1em;
}

#topmain p{
	margin-left:7em;
	margin-top: 0.2em;
	line-height:1.4;
	font-size: 1.2em;
    font-weight:normal;
}

/* */
#topmain .column {
	clear:left;
	width: 100%;
	height:10em;
	margin-top:0.5em;
	margin-bottom:0.5em;
	margin-right:1em;
border-bottom:0.05em solid #999999; 
}

#contents #topmain .column h3{
	margin-top:1em;
	padding-left:0.5em;
	border-bottom:0.1em solid #ED6D00;
	font-size:1.2em;
}


#contents #topmain .column h3 a{
	text-decoration:none;
     color: #666;
}

#topmain .column h3 a:hover{
     background: #ccc;
     color: #B30000;
}

#contents #topmain .column p{
	font-size:1em;
}

#topmain .column img{
clear:left;
float:left;
	width:12em;
	height:9em;
	border: 0;
	margin:0 0.5em 0.5em 0;

}

/* TOPページの主コンテンツ（右側）おわり*/



/* TOPページのサブコンテンツ（左側）はじまり*/
#topsub {
float:left;
width:30em;
padding-right:1em;
font-size:1.2em;
}

#topsub a:hover{
     background: #ccc;
     color: #B30000;
}


#topsub h3{
	margin-top:1em;
	padding-left:0.5em;
	border-left:0.5em solid #ED6D00;
	border-bottom:0.1em solid #ED6D00;
	font-size:1.4em;
}

#topsub ul{
	font-size:1.2em;
	padding:0 1em 0 1.5em;
	list-style-image:url(images/0033_bala.png);
}

#topsub ul li{
	margin:1em 0 0.5em 0.5em;
	padding-bottom:1em;
	line-height:1.4;
	border-bottom:0.05em solid #999999;
}

#topsub p{
	margin-left:2em;
	margin-top: 0.5em;
    font-weight:normal;
}


#topsub a:hover{
     background: #ccc;
     color: #B30000;
}


/* TOPページのサブコンテンツ（左側）おわり*/


/*カテゴリーのメインはじまり*/


#categorymain {
float:right;
width:60em;
font-size:1.2em;
}


#categorymain h2{
	clear:left;
	font-size:1.6em;
	font-weight:bold;
	margin-top:1em;
	border-top:0.2em solid #ED6D00;
	border-bottom:0.1em solid #ED6D00;
}

#categorymain h2 a{
	text-decoration:none;
	 color:#666;
}

#categorymain h2 a:hover{
     background: #ccc;
     color: #B30000;
}


#categorymain img{
	float:left;
	width:12em;
	height:9em;
	margin:0.5em 1em 0.5em 0;
	padding:0.3em;
	border:double 0.05em #CCCCCC
}



#categorymain p{
	margin:0 0 0 1em;;
	font-size: 1.2em;
	line-height:1.4;
}


#categorymain .article{
width:59em;
height:10em;
float:left;
margin:0.5em;
border-top:0.1em solid #CCCCCC;
}

#categorymain .article img{
	float:left;
	width:12em;
	height:9em;
	margin:0.5em 1em 0.5em 0;
	padding:0.3em;
	border:double 0.05em #CCCCCC
}

#categorymain .article p{
	margin:0.5em 0 0.3em 0.5em;
	font-size: 1.2em;
}

#categorymain .article h3{
	margin:0.3em 0 0.5em 8.5em;
	padding-left:0.5em;
	border-left:0.5em solid #ED6D00;
	font-size:1.6em;
	font-weight:bold;
}


#categorymain h3 a:hover{
     background: #ccc;
     color: #B30000;
}

/* カテゴリーのメインおわり*/


/* ページの左側はじまり*/
#sub {
float:left;
width:19em;
font-size:1.2em;
}

#sub a:hover{
     background: #ccc;
     color: #B30000;
}


#sub h3{
	margin-top:1em;
	padding-left:0.5em;
	border-left:0.5em solid #ED6D00;
	border-bottom:0.1em solid #ED6D00;
	font-size:1.4em;
}

#sub ul{
	font-size:1.2em;
	padding:0 1em 0 1.5em;
	list-style-image:url(images/0033_bala.png);
}

#sub ul li{
	margin:1em 0 0.5em 0.5em;
	padding-bottom:1em;
	border-bottom:0.05em solid #999999;
}


#sub dl{
	font-size:1.2em;
	margin-top:1em 0 0 2em;
	padding:2em 1em 0 1.5em;

}

#sub dl dt{
	margin:0;
	padding-bottom:0.5em;
	font-weight:bold;
}

#sub dl dd{
	margin:1em 0 2em 0.5em;
	padding:0 0 1em 0;
	border-bottom:0.05em solid #999999;
	line-height:1.4;
}

#sub p{
	font-size:1.2em;
	margin-left:2em;
	margin-top: 0.5em;
    font-weight:normal;
}


#sub a:hover{
     background: #ccc;
     color: #B30000;
}


/* ページの左側おわり*/



/*記事のメインはじまり*/


#entrymain {
float:right;
width:60em;
font-size:1.2em;
}


#entrymain h1{
	font-size:1.6em;
	font-weight:bold;
	margin:1em 0 1em 0;
	border-top:0.2em solid #ED6D00;
	border-bottom:0.1em solid #ED6D00;
}

#entrymain h2{
	clear:left;
	margin:1em 0 1em; 0;
	padding-left:0.5em;
	border-left:0.5em solid #ED6D00;
	border-bottom:0.1em solid #ED6D00;
	font-size:1.6em;
}

#entrymain h3{
	margin:1em 0 1em; 0;
	padding-left:0.5em;
	font-size:1.4em;
	font-weight:bold;
}

#entrymain p{
	width:48em;
	margin:1em 0 0 1em;;
	font-size: 1.2em;
}

#entrymain a:hover{
     background: #ccc;
     color: #B30000;
}


#entrymain .c800 img .photoD200yokobig{
	width:56em;
	height:38em;
	padding:0.3em;
	border:double 0.05em #CCCCCC
}


/* 幅400高さ300ピクセルのコンテンツ */
#entrymain .c400{
	float:left;
	width:28em;
	height:22em;
	padding:0.3em;
}

#entrymain .c400 img{
	width:28em;
	height:21em;
	padding:0.3em;
	border:double 0.05em #CCCCCC
}


#entrymain .c400 img .photoD200yoko{
	width:28em;
	height:19em;
	padding:0.3em;
	border:double 0.05em #CCCCCC
}

#entrymain .c400 p img .photoD200yoko{
	width:28em;
	height:19em;
	padding:0.3em;
	border:double 0.05em #CCCCCC
}


/* 幅400高さ300ピクセルのコンテンツ 縦の写真など*/
#entrymain .c400t{
        float:left;
        width:28em;
	height:28em;
	padding:0.3em;
}

#entrymain .c400t img{
    width:20em;
	height:28em;
	padding:0.3em;
	border:double 0.05em #CCCCCC
}

#entrymain .c400t img .photoD200tate{
	width:28em;
	height:19em;
	padding:0.3em;
	border:double 0.05em #CCCCCC
}

/*10月29日追加の新レイアウト（記事メイン）*/

#entrymain .pbox p .photoD200yoko{
width:24em;
height:16em;
padding:0.3em;
border:double 0.05em #CCCCCC
}

#entrymain .pbox p .photoLX2yoko{
width:24em;
height:13.5em;
padding:0.3em;
border:double 0.05em #CCCCCC
}


#entrymain .pbox p .photo4t3yoko{
width:24em;
height:18em;
padding:0.3em;
border:double 0.05em #CCCCCC
}


#entrymain .pbox p .photoD200tate{
width:16em;
height:24em;
padding:0.3em;
border:double 0.05em #CCCCCC
}

#entrymain .pbox p .photo4t3tate{
width:18em;
height:24em;
padding:0.3em;
border:double 0.05em #CCCCCC
}


#entrymain .pbox p .photoLX2tate{
width:13.5em;
height:24em;
padding:0.3em;
border:double 0.05em #CCCCCC
}

#entrymain .pbox p .photoD200yokobig{
width:48em;
height:30em;
padding:0.3em;
border:double 0.05em #CCCCCC
}

#entrymain .pbox p .photoLX2yokobig{
width:48em;
height:27em;
padding:0.3em;
border:double 0.05em #CCCCCC
}


#entrymain .pbox p .photo4t3yokobig{
width:48em;
height:36em;
padding:0.3em;
border:double 0.05em #CCCCCC
}


#entrymain .pbox{
clear:left;
padding:1em 0 4em 0;
}

#entrymain .pbox p.tate{
float:left;
width:25em;
height:25em;
padding:0;
margin:0;
}

#entrymain .pbox p{
float:left;
width:25em;
height:19em;
padding:0;
margin:0;
}



/* 次のページへ前のページへ*/
#entrymain .next-prev{
        clear:left;
		font-size:1.2em;
        margin:2em 1em 1em 1em;
}


label{
width:15em;
font-size:1.2em;
margin:1em;
}

input{
font-size:1.2em;
padding:auto;

}

#precontents{
	clear:both;      
	width:96em;
	margin-left : auto ;
	margin-right : auto ;
	border-top:solid 0.05em #999999;
}



/* 一番下のフッターブロック */
#footer {
	clear:both;      
	width:96em;
	margin-left : auto ;
	margin-right : auto ;
	}

/* 一番下のフッターブロックに表示するアドレス要素 */
address {
	font-size: 1.2em;
	font-weight: bold;
        color: white;
	background:#FF9933;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	text-align: center;
	margin-top: 1em;
}

