@charset "Shift_JIS";

body{
	background-color:#FFFFE1;
	color:#333333;
	line-height:150%;
	font-size:85%;
	margin:0px 0px 20px 0px;
	}

#container_head_index{
	width:970px;
	height:240px;
	}
#container_head{
	width:970px;
	}

#logo{
	background-image:url(img/logo.gif);
	height:60px;
	}
.head_b{
	margin:0px 5px 0px 270px;
	padding-top:5px;
	}


/* 2012/8/28バナー右列追加 ---------------------- */

#wrap {
	background-color:#e3e3c6;
	margin:auto;
	width:1200px;
	height:100%;
	}

#mainarea {
	background-color:#FFFFE1;
	width:1000px;
	float:left;
	}

#bannerarea {
	width:200px;
	height:100%;
	float:right;
}

.banner_bg {
	background-color:#e3e3c6;
	text-align:center;
	}

.banner_bg a img {
	margin-bottom:10px;
	}

.clear { clear:both; }
.clear hr { display:none; }

/* -------------------- menu -------------------- */

#container_menu{
	width:970px;
/*	overflow:auto;*/
	}
#container_menu a:focus{
	outline:none;
	}
.menu{
	margin:0px;
	padding:0px;
	}
.menu li{
	float:left;
	list-style:none;
	}
.menu li a{
	display:block;
	width:194px;
	height:40px;
	background-repeat:no-repeat;
	}
.menu li a:hover{
	background-image:none;
	}
.menu li span{
	display:none;
	}

.menu01{background-image:url(img/menu01b.gif);}
.menu02{background-image:url(img/menu02b.gif);}
.menu03{background-image:url(img/menu03b.gif);}
.menu04{background-image:url(img/menu04b.gif);}
.menu05{background-image:url(img/menu05b.gif);}

.menu01 a{background-image:url(img/menu01.gif);}
.menu02 a{background-image:url(img/menu02.gif);}
.menu03 a{background-image:url(img/menu03.gif);}
.menu04 a{background-image:url(img/menu04.gif);}
.menu05 a{background-image:url(img/menu05.gif);}

/* -------------------- /menu -------------------- */
	
#container_main{
	width:970px;
	overflow:hidden;
	}
#container_main img{
	border:0px;
	}

/* -------------------- index -------------------- */

#container_left{
	width:195px;
	float:left;
	}
#container_right{
	width:195px;
	float:left;
	}

#container_left .back{
	background:url(img/waku01_t.gif) top no-repeat;
	background-color:#6699cc;
	padding-bottom:1px;
	margin-bottom:10px;
	}
#container_right .back{
	background:url(img/waku02_t.gif) top no-repeat;
	background-color:#cc0000;
	padding-top:1px;
	padding-bottom:1px;
	margin-bottom:10px;
	}
#container_left .con,#container_right .con{
	background-color:#fff;
	margin:7px;
	padding:5px;
	text-align:center;
	line-height:130%;
	}
#container_left .con p,#container_right .con p{
	margin:5px 0px;
	}
#container_left hr,#container_right hr{
	height:2px;
	border:2px #ddd solid;
	}
#container_left ul,#container_right ul{
	padding:0px;
	}

#container_center{
	width:540px;
	float:left;
	margin:0px 10px;
	}
#container_center .ico{
	background-color:#ffffcc;
	padding:5px;
	border:3px #ffcc66 solid;
	}
#container_center .ico img{
	margin:5px;
	}
#container_center .yokuriyou{
	padding:5px;
	background-color:#fff;
	}
#container_center .gyousei{
	background-color:#fff;
	padding:5px;
	border:3px #ffcccc solid;
	}
#container_center .gyousei p{
	margin:5px;
	}
	
#container_center ul{
	list-style-image:url(img/li01.gif);
	margin:10px 15px 10px 25px;
	padding:0px;
	}
#container_center ul.news01 li{
	padding:2px 0px;
	}
#container_center ul.news02 li{
	margin-top:5px;
	padding-bottom:5px;
	border-bottom:1px #CCCCCC dotted;
	}

.tyumoku{
	background-color:#0066cc;
	border:3px #ccc solid;
	padding:2px;
	}
.tyumoku a,.tyumoku a:hover{
	color:#fff;
	}

.online_li{
	margin:0px;
	padding:0px;
	}
.online_li li{
	background-image:url(img/online_li.gif);
	list-style:none;
	height:30px;
	margin-bottom:2px;
	padding:10px 0px 0px 25px;
	}
.list{
	margin:5px 5px 5px 20px;
	}

#banner{
	clear:both;
	padding:20px;
	background-color:#eee;
	text-align:center;
	}
	
/* -------------------- /index -------------------- */

#container_side{
	width:185px;
	float:left;
	padding:30px 0px 0px 15px;
	}
#cat_menu{
	border:1px #CCCCCC solid;
	border-top:none;
	margin-bottom:15px;
	font-size:85%;
	}
#cat_menu ul{
	margin:0px;
	padding:0px;
	}
#cat_menu li{
	margin:0px;
	list-style:none;
	}
#cat_menu li a{
	display:block;
	padding:5px 5px 5px 10px;
	width:168px;
	border-top:1px #CCCCCC dotted;
	background-color:#F5F5F5;
	color:#555555;
	}
#cat_menu li a:hover{
	background-color:#0099CC;
	color:#FFFFFF;
	text-decoration:none;
	}
	
#cat_menu .dc,#cat_menu .do{
	background-position:left;
	background-repeat:no-repeat;
	border-top:2px #cccccc solid;
	padding:2px 2px 2px 22px;
	}
#cat_menu .dc{
	background-image:url(img/cat_menu_dc.gif);
	}
#cat_menu .do{
	background-image:url(img/cat_menu_do.gif);
	}
	
#container_content{
	width:730px;
	padding:10px 20px 20px 20px;
	float:left;
	}
#container_content p{
	margin-left:15px;
	}
#container_content h2{
	border-top:5px #3399CC solid;
	border-bottom:1px #3399CC solid;
	background-color:#eeeeee;
	padding:10px;
	margin:5px 0px 5px 0px;
	font-size:150%;
	}
#container_content h3{
	border-left:5px #3399CC solid;
	border-bottom:1px #CCCCCC solid;
	background-color:#eeeeee;
	padding:5px 5px 5px 10px;
	font-size:120%;
	}
#container_content h4{
	border-left:5px #cccccc solid;
	border-bottom:1px #CCCCCC dotted;
	padding:5px 5px 5px 10px;
	font-size:110%;
	margin-left:10px;
	}
#container_content h5{
	padding:3px;
	font-size:110%;
	margin-left:10px;
	}
#container_content ul{
	list-style-image:url(img/li01.gif);
	}
#container_content li ul{
	padding-left:0px;
	margin-left:20px;
	}
#container_content ol li{
	margin-bottom:5px;
	}
#container_content dl{
	margin-left:20px;
	}
#container_content dt{
	font-weight:bold;
	border-bottom:1px #cccccc solid;
	border-right:1px #cccccc solid;
	background-color:#F3F3F3;
	padding:2px;
	}
#container_content dd{
	margin:5px 5px 10px 10px;
	}

.sheet{
	border:1px #cccccc solid;
	border-collapse:collapse;
	}
#container_content .sheet{
	margin:15px 15px 0px 15px;
	}
.sheet th{
	border:1px #cccccc solid;
	border-collapse:collapse;
	padding:5px;
	background-color:#eeeeee;
	}
.sheet td{
	border:1px #cccccc solid;
	border-collapse:collapse;
	padding:5px;
	}

#container_foot{
	clear:both;
	width:970px;
	background-color:#ffffff;
	padding-top:15px;
	padding-bottom:15px;
	border-top:1px #CCCCCC solid;
	border-bottom:3px #0080FF solid;
	}

#container_head,#container_menu,#container_main,#container_foot,.mainMenu{
	border-left:4px #E6E6CC solid;
	border-right:4px #E6E6CC solid;
	margin:auto;
	background-color:#FFFFFF;
	}
#container_head a,#container_menu a,#container_main a,#container_foot a{	
	text-decoration:none;
	}
#container_head a:hover,#container_menu a:hover,#container_main a:hover,#container_foot a:hover{	
	text-decoration:underline;
	}

h3.contact_t{
	background-color:#3399CC !important;
	color:#FFFFFF !important;
	border:3px #CCCCCC solid !important;
	margin:0px !important;
	padding:0px 0px 0px 3px !important;
	font-size:100% !important;
	}
div.contact_c{
	border-right:3px #CCCCCC solid;
	border-bottom:3px #CCCCCC solid;
	border-left:3px #CCCCCC solid;
	padding:10px;
	}
div.contact_c span{
	font-size:120%;
	font-weight:bold;
	}

p.crumbs{
	font-size:85% !important;;
	color:#666666 !important;;
	margin:0px !important;;
	padding:0px !important;;
	}
p.to_top{
	text-align:right;
	}
	
div.kousin .l,.r{
	float:right;
	margin-left:20px;
	font-size:85%;
	color:#666666;
	}
div.kousin input{
	font-size:85%;
	color:#666666;
	padding:0px;
	}
	
/* -------------------- wcv -------------------- */

.wcvfont-red{
	color:#ff0000;
	}
.wcvfont-blue{
	background-color:#D2E9FF;
	}
.wcvfont-b{
	font-weight:bold;
	}
.wcvfont-red-b{
	font-weight:bold;
	color:#ff0000;
	}
.wcvfont-blue-b{
	font-weight:bold;
	background-color:#D2E9FF;
	}
.wcvleft{
	text-align:left;
	}
.wcvright{
	text-align:right;
	}
.wcvcenter{
	text-align:center;
	}

/* -------- 3.画像 -------- */
/*画像同士などが上下でくっ付く場合に利用する*/
.wcvmargin-bottom {
	margin-bottom: 10px;
}
/*画像同士などが左右でくっ付く場合に利用する・中央*/
 .wcvmargin-rl-m {
	margin-right: 3px;
	margin-left: 3px;
	vertical-align: middle;
}
/*画像同士などが左右でくっ付く場合に利用する・上付き*/
.wcvmargin-rl-t {
	margin-right: 3px;
	margin-left: 3px;
	vertical-align: top;
}
/*中央寄せ画像テキスト用ボックス*/
div.wcv-centerbox {
	text-align: center;
	margin-bottom: 1em;
}
/*中央寄せ画像テキスト用ボックス内・左側*/
div.wcv-centerbox div.wcv-centerimg-l {
	width: 49%;
	float: left;
	margin-right: 5px;
}
/*中央寄せ画像テキスト用ボックス内・右側*/
div.wcv-centerbox div.wcv-centerimg-r {
	width: 49%;
	float: right;
}
/*中央寄せ画像の下に表示させるテキスト*/
.wcvimg-center {
	text-align: center;
	margin-top: 5px;
	font-size: 90%;
}
.wcvimg-left {
	text-align: left;
	margin-top: 5px;
	font-size: 90%;
}

/*画像と回り込みテキスト用ボックス*/
div.wcv-floatbox-left,
div.wcv-floatbox-right {
	margin: 0 10px 1em;
}
/*左寄せ画像と回り込みテキストで使用*/
.wcvimg-floatleft {
	float: left;
	margin-right: 7px;
}
/*右寄せ画像と回り込みテキストで使用*/
.wcvimg-floatright {
	float: right;
	margin-left: 7px;
}
/*回り込み解除・フロートクリア*/
.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
.clearfix { display: inline-block; }
.clearfix { display: block; }
/* Mac版IEのみに適用 \*//*/
#content .clearfix { overflow: hidden; }
/* */
	

/* -------------------- /wcv -------------------- */

@media print{
	body{background-color:#ffffff;}
	#container_head,#container_menu,#container_side,.to_top,.foot_menu{display:none;}
	#container_main{border:none; overflow:visible;}
	#container_foot{border:none;}
}

/* -------------------- namazu -------------------- */

#namazu{
	padding:10px;
	}
#namazu h2{
	background-color:#000000;
	padding:10px;
	color:#FFFFFF;
	}
#namazu h3{
	background-color:#eeeeee;
	padding:5px;
	}

.test{
	background-color:#FF0000;
	color:#FFFFFF;
	font-weight:bold;
	font-size:300%;
	text-align:center;
	line-height:100%;
	padding:10px;
	text-decoration:underline;
	}





/* -------------------- slide -------------------- */
.mainvisual_slide {
	position: relative;
}
.mainvisual_slide ul {
	margin: 0;
	padding: 0;
	position: relative;
}

/* ページ送りボタン */
.slidesjs-navigation {
}


.slidesjs-previous.slidesjs-navigation,
.slidesjs-next.slidesjs-navigation {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	position: absolute;
	z-index: 100;
	top: 180px;
}
.slidesjs-previous.slidesjs-navigation:before,
.slidesjs-next.slidesjs-navigation:after {
}

/* ページ送りボタン（前へ） */
.slidesjs-previous.slidesjs-navigation {
	content: "";
	left: 0;
	background: url(img/btn-prev.png) no-repeat;
	background-size: 30px 45px;
	width: 30px;
	height: 45px;
}

/* ページ送りボタン（次へ） */
.slidesjs-next.slidesjs-navigation {
	content: "";
	right: 0;
	background: url(img/btn-next.png) no-repeat;
	background-size: 30px 45px;
	width: 30px;
	height: 45px;
}



/* slider content */
.slider {
	overflow: hidden;
	zoom:1;
}

.slidesjs-container {
	margin-bottom: 10px;
}

/* 再生・停止ボタン */
.slidesjs-play.slidesjs-navigation,
.slidesjs-stop.slidesjs-navigation {
	padding: 5px 10px;
	border-radius: 4px;
	margin-left: 10px;
}




.slidesjs-pagination-item {
    display: inline-block !important;
    margin-right: 10px;
}

.slidesjs-pagination {
    display: inline-block;
    margin-left: 10px !important;
}

.slidesjs-pagination-item a {
    display: block;
    padding: 5px 10px;
    background: #fff;
	border: solid 1px #2353b3;
    border-radius: 4px;
	color: #2353b3;
}


.slidesjs-pagination-item a.active {
	border: solid 1px #2353b3;
    background: #2353b3;
	color: #fff;
}


.slidesjs-play.slidesjs-navigation,
.slidesjs-stop.slidesjs-navigation {

	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );

	border: solid 1px #333;
	color: #111;
}
.slidesjs-play.slidesjs-navigation:before,
.slidesjs-stop.slidesjs-navigation:before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 9px;
	margin-right: 4px;
}

.slidesjs-stop.slidesjs-navigation:before {
	background: url(img/slide_icon_stop.png) ;
	background-size: 8px 9px;
}

.slidesjs-play.slidesjs-navigation:before {
	background: url(img/slide_icon_play.png) ;
	background-size: 8px 9px;
}


.mainMenu {
	width: 970px;
	overflow: auto;
	margin: 0 auto;
}


#noScript {
	text-align: center;
	padding: 5px 0;
	background: #fff;
}

/* javascriptを無効にした時に表示される画像を指定 */
.slider li:not(:last-of-type) {
	display: none;
}

/* top banner */
.styleBnrA {
	text-align: center;
	margin-bottom: 20px;
}

.em_banner {
	padding: 10px 0;
}





