@charset "utf-8";
/* CSS Document */

html,body{
	margin:0;
	padding:0;
}
body {font:13px/1.231 ;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
body{
	text-align:center;
	color: #666;
	background-color: #fff;
}
h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
	clear: both;
}
p,li,dt,dd,th,td{
	font-size: 93%;
}
p,ul,ol,li,dl,dt,dd{
	margin: 0;
	padding: 0;
	line-height: 1.4;
}
ul{
	list-style: none;
}
a img{
	border: 0;
}
a{
	color: #FF6600;
	text-decoration: none;
}
a:hover{
	color: #FF6600;
	text-decoration: underline;
}
br.cb{
	clear: both;
}


/*======================================
#container
=======================================*/
div#container{
	padding: 0 0 60px;
}
div#containerBox{
	background: url(images/bg_eff.gif) no-repeat bottom center;
}
body.under div#wrapper{
	margin: 20px 0 0;
}

/*======================================
#content
=======================================*/
div#content{
	text-align: left;
}

/* top page */
#top h1{
	background: url(images/top_main.jpg) no-repeat 0 0;
	margin: 0 auto;
	text-indent: -9999px;
	width: 940px;
	height: 240px;
}
h2#top_ttl_lsn{
	background: url(images/top_ttl_lsn.gif) no-repeat 0 0;
	text-indent: -9999px;
	width: 484px;
	height: 34px;
	margin: 10px 0 0;
}
ul#top_lsnList{
	width: 484px;
	text-indent: -9999px;
}
ul#top_lsnList li{
	display: inline;
}
ul#top_lsnList li a{
	float: left;
	display: block;
	width: 239px;
	height: 125px;
	text-indent: -9999px;
}
ul#top_lsnList li a:hover{
	opacity: 0.9;
}
ul#top_lsnList li a#top_lsn1{
	background: url(images/top_lsn1.jpg) no-repeat 0 0;
	height: 135px;
}
ul#top_lsnList li a#top_lsn1:hover{
	background: url(images/top_lsn1.jpg) no-repeat -239px 0;
}
ul#top_lsnList li a#top_lsn2{
	background: url(images/top_lsn2.jpg) no-repeat 0 0;
	float: right;
	height: 135px;
}
ul#top_lsnList li a#top_lsn2:hover{
	background: url(images/top_lsn2.jpg) no-repeat -239px 0;
}
ul#top_lsnList li a#top_lsn3{
	background: url(images/top_lsn3.jpg) no-repeat 0 0;
}
ul#top_lsnList li a#top_lsn3:hover{
	background: url(images/top_lsn3.jpg) no-repeat -239px 0;
}
ul#top_lsnList li a#top_lsn4{
	background: url(images/top_lsn4.jpg) no-repeat 0 0;
	float: right;
}
ul#top_lsnList li a#top_lsn4:hover{
	background: url(images/top_lsn4.jpg) no-repeat -239px 0;
}

#top h2#top_bg_nws{
	display: block;
	background: url(images/top_bg_nws.gif) no-repeat 0 0;
	width: 484px;
	height: 40px;
	margin: 20px 0 0;
}
#top a#top_ttl_nws{
	float: left;
	display: block;
	text-indent: -9999px;
	background: url(images/top_ttl_nws.gif) no-repeat 0 0;
	height: 25px;
	width: 102px;
	text-indent: -9999px;
}
#top a#top_ttl_nws:hover{
	background: url(images/top_ttl_nws.gif) no-repeat -102px 0;
}
#btn_rss{
	float: right;
	position: relative;
	top: -10px;
}
.nwsBox{
	margin: 0 20px 0 10px;
}
ul#top_nwsList{
	border-top: #E9DFD3 1px solid;
	margin: 10px 0 0;
	padding: 10px 0 0;
}
/* under */
.topicPath{
	color: #825224;
	font-size: 11px;
	border-top: 2px #EFE2C2 solid;
	padding: 5px 0 0;
}
.topicPath a{
	color: #825224;
}

.under h1{
	font-weight: normal;
	font-size: 180%;
	padding: 5px 10px;
	color: #825224;
	border-bottom: 2px #EFE2C2 solid;
	font-weight: normal;
}
.under h2{
	font-weight: normal;
	font-size: 150%;
	padding: 20px 10px 5px;
	color: #825224;
	border-bottom: 2px #EFE2C2 solid;
	font-weight: normal;
}
.under h2 a{
	color: #825224;
}
#entry{
	padding: 0 10px;
}
#entry p{
	padding: 15px 10px 0 10px;
}
#entry p.date{
	text-align: right;
	padding: 15px 10px 0 10px;
}
#entry dl{
	padding: 15px 10px 0;
}
#entry dd{
	padding: 0 0 10px;
}

/* contact form 7 */
#entry .wpcf7{
	padding: 10px 0 0;
}
/* sitemap */
.ddsg-wrapper ul{
	list-style-position:inside;
	list-style-type:circle;
	margin: 0 0 10px 20px;
}

/* common */
#entry img{
	padding: 1px;
	border: 1px solid #ccc;
}	
#entry img.alignleft{
	float: left;
	margin: 0 10px 10px 0;
}
#entry img.alignright{
	float: right;
	margin: 0 0 10px 10px;
}


/*======================================
#navi
=======================================*/
div#navi{
	text-align: left;
}

#menu {
	background:url("images/menu.gif") no-repeat;
	width:224px;
	height:361px;
	text-indent: -9999px;
}
#menu li {
	list-style:none;
	display:inline;
}
#menu li a {
	width: 224px;
	display: block;
}
#menu01 a {height: 38px;}
#menu02 a {height: 22px;}
#menu03 a {height: 25px;}
#menu04 a {height: 29px;}
#menu05 a {height: 22px;}
#menu06 a {height: 22px;}
#menu07 a {height: 22px;}
#menu08 a {height: 26px;}
#menu09 a {height: 28px;}
#menu10 a {height: 22px;}
#menu11 a {height: 23px;}
#menu12 a {height: 25px;}
#menu13 a {height: 25px;}
#menu14 a {height: 33px;}

#menu01 a:hover{background:url("images/menu.gif") -224px -0px no-repeat; }
#menu02 a:hover{background:url("images/menu.gif") -224px -38px no-repeat; }
#menu03 a:hover{background:url("images/menu.gif") -224px -60px no-repeat; }
#menu04 a:hover{background:url("images/menu.gif") -224px -85px no-repeat; }
#menu05 a:hover{background:url("images/menu.gif") -224px -114px no-repeat; }
#menu06 a:hover{background:url("images/menu.gif") -224px -136px no-repeat; }
#menu07 a:hover{background:url("images/menu.gif") -224px -158px no-repeat; }
#menu08 a:hover{background:url("images/menu.gif") -224px -180px no-repeat; }
#menu09 a:hover{background:url("images/menu.gif") -224px -206px no-repeat; }
#menu10 a:hover{background:url("images/menu.gif") -224px -234px no-repeat; }
#menu11 a:hover{background:url("images/menu.gif") -224px -256px no-repeat; }
#menu12 a:hover{background:url("images/menu.gif") -224px -279px no-repeat; }
#menu13 a:hover{background:url("images/menu.gif") -224px -304px no-repeat; }
#menu14 a:hover{background:url("images/menu.gif") -224px -329px no-repeat; }

/*======================================
#extra
=======================================*/

div#extra{
	text-align: left;
}
#extraList{
	width: 200px;
}
#extraList li{
	display: inline;
}
#extraList li a{
	display: block;
	width: 200px;
	height: 45px;
	margin: 0 0 10px;
	text-indent: -9999px;
}
#extraList li#bnr_app a{
	background: url(images/bnr_app.gif) no-repeat 0 0;
}
#extraList li#bnr_app a:hover{
	background: url(images/bnr_app.gif) no-repeat -200px 0;
}
#extraList li#bnr_clb a{
	background: url(images/bnr_clb.gif) no-repeat 0 0;
}
#extraList li#bnr_clb a:hover{
	background: url(images/bnr_clb.gif) no-repeat -200px 0;
}
#extraList li#bnr_exp a{
	background: url(images/bnr_exp.gif) no-repeat 0 0;
}
#extraList li#bnr_exp a:hover{
	background: url(images/bnr_exp.gif) no-repeat -200px 0;
}
#extraList li#bnr_shp a{
	background: url(images/bnr_shp.gif) no-repeat 0 0;
}
#extraList li#bnr_shp a:hover{
	background: url(images/bnr_shp.gif) no-repeat -200px 0;
}
#extraList li#bnr_frn a{
	background: url(images/bnr_frn.gif) no-repeat 0 0;
}
#extraList li#bnr_frn a:hover{
	background: url(images/bnr_frn.gif) no-repeat -200px 0;
}
#extraList li#bnr_blgbox{
	height: 75px;
}
#extraList li a#bnr_blg{
	background: url(images/bnr_blg.jpg) no-repeat 0 0;
	margin: 0;
 }
#extraList li a#bnr_blg:hover{
	background: url(images/bnr_blg.jpg) no-repeat -200px 0;
}
#extraList li a#bnr_twt{
	background: url(images/bnr_twt.jpg) no-repeat 0 0;
	height: 30px;
}
#extraList li a#bnr_twt:hover{
	background: url(images/bnr_twt.jpg) no-repeat -200px 0;
}
#extraList li#bnr_nl a{
	background: url(images/bnr_nl.gif) no-repeat 0 0;
	height: 75px;
}
#extraList li#bnr_nl a:hover{
	background: url(images/bnr_nl.gif) no-repeat -200px 0;
}
#extraList li#bnr_mbl{
	display: block;
	background: url(images/bnr_mbl.gif) no-repeat 0 0;
	width: 200px;
	height: 68px;
	margin: 10px 0 0;
	text-indent: -9999px;
}

/*======================================
#header
=======================================*/
div#header{
	width: 940px;
	margin: 0 auto;
}
a#logo{
	display: block;
	background: url(images/logo.gif) no-repeat 0 0;
	width: 368px;
	height: 41px;
	float: left;
	margin: 19px 0 0 11px;
	text-indent: -9999px;		
}
ul#headerList{
	float: right;
	margin: 8px 0 11px;
	width: 205px;
	height: 61px;
}
ul#headerList li#li_cnt{
	float: left;
	margin: 0 0 0 23px;
}
ul#headerList li#li_acc{
	float: left;
}
ul#headerList a#btn_app{
	display: block;
	width: 205px;
	height: 43px;
	background: url(images/btn_app.gif) no-repeat 0 0;
	text-indent: -9999px;		
}
ul#headerList a#btn_app:hover{
	background: url(images/btn_app.gif) no-repeat -205px 0;
}
ul#headerList a#btn_cnt{
	display: block;
	width: 99px;
	height: 18px;
	background: url(images/btn_cnt.gif) no-repeat 0 0;
	text-indent: -9999px;		
}
ul#headerList a#btn_cnt:hover{
	background: url(images/btn_cnt.gif) no-repeat -99px 0;
}
ul#headerList a#btn_acc{
	display: block;
	width: 83px;
	height: 18px;
	background: url(images/btn_acc.gif) no-repeat 0 0;
	text-indent: -9999px;		
}
ul#headerList a#btn_acc:hover{
	background: url(images/btn_acc.gif) no-repeat -83px 0;
}

/*======================================
Footer
=======================================*/
p#gotop{
	font-size: 11px;
	text-align: right;
	padding: 0 30px 15px;
}
div#footer{
	font-size: 85%;
	padding: 10px;
	color: #825224;
	text-align: center;
	background-color: #E9DFD3;
}
div#footer p{
	font-size: 85%;
}
div#footer a{
	color: #825224;
	text-decoration: underline;
}
div#footer a:hover{
	color: #825224;
	text-decoration: none;
}

/*-------------------------------------------------------------------
clearfix
-------------------------------------------------------------------*/
.clearfix:after
{
content: ".";
display: block;
height: 0px;
clear: both;
visibility: hidden;
}

/* Win IE7 */
*:first-child+html .clearfix
{
height: 1%;
}
/* End Win IE7 */

/* Win IE6 ¥*/
* html .clearfix
{
height: 1%;
} 
/* End Win IE6 */

/* Mac IE¥*//*/
.clearfix
{
display: inline-table;
}

/*======================================
Float
=======================================*/
div#container{width:944px;margin:0 auto}
div#wrapper{float:left;width:732px}
div#content{float:right;width:498px}
div#extra{float:right;width:202px;}
div#navi{float:left;width:224px;}
div#footer{clear:both;width:100%} 
