@charset "utf-8"; 
/* CSS Document */

@import "html5reset.css";
@import "parts.css";
@import "clear.css";
@import "../js/MegaMenu/menu.css";

/* ------------------------------------------------------------------------ */

/*  reset

/* ------------------------------------------------------------------------ */

html {
	overflow-y	: scroll;
	height		: 100%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,p,blockquote {
	margin 	: 0;
	padding : 0;
}

fieldset {
	display:inline;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style : normal;
}

/*
table {
	border-collapse	 : collapse;
	border-spacing	 : 0;
}
*/

q:before,
q:after {
	content : '';
}

object,embed {
	vertical-align : top;
}

hr,legend	{
	display : none;
}

h1,h2,h3,h4,h5,h6 {
	font-size : 100%;
}

img,abbr,acronym,fieldset {
	border : 0;
}

li {
	list-style-type : none;
}

rt {
	font-size:75%;
}

ruby {
	display:block;
}


/* ------------------------------------------------------------------------ */

/*  Basic Style

/* ------------------------------------------------------------------------ */

body {
	margin		: 0;
	padding		: 0;
	height		: 100%;
	font-family	: "Meiryo","MS PGothic", sans-serif;
	/*font-family	: Meiryo,"Hiragino Kaku Gothic ProN",Sans-Serif;*/
	background	: transparent url(../../common/img/bg/bg_body.png);
	font-size	: 75%;
	line-height	: 1.6;
	text-align	: center;
	color		: #444;
	min-width	: 1020px;
	-webkit-text-size-adjust: 100%;
}
	.meiryo { font-family:"Meiryo" !important;}

div#wrap{
	margin		: 0 auto;
	/*width		: 1003px;*/
	text-align	: center;
}

body > #wrap { height : auto; overflow:hidden;}



/* Link
--------------------------------------------------------------------------- */

.opacity a:hover img{
	opacity		: 0.8;
	-ms-filter	: "alpha(opacity=80)";
}

a:link	{
	text-decoration	: underline;
}

a:visited {
	text-decoration	: underline;
}

a:hover {
	text-decoration	: none;
}


	.ad_link a:link	{
		text-decoration	: none;
		color			: #41403d !important;
	}
	
	.ad_link a:visited	{
		text-decoration	: none;
		color			: #41403d !important;
	}
	
	
	#head_link a:link,
	#att-keyword ul li a:link{
		text-decoration	: none;
		color			: #333333;
	}
	
	#head_link a:visited,
	#att-keyword ul li a:visited{
		text-decoration	: none;
		color			: #333333;
	}
	
	#head_link a:hover {
		text-decoration	: underline;
	}
	
	
	a:link,
	#crumb a:link,
	#contentsBlock a:link,
	.hd03 a:link,
	.ulStyle02 a:link,
	.snav a:link {
		text-decoration	: underline !important;
		color			: #255280;
	}
	
	a:visited,
	#crumb a:visited,
	#contentsBlock a:visited,
	.hd03 a:visited,
	.ulStyle02 a:visited,
	.snav a:visited {
		text-decoration	: underline !important;
		color			: #255280;
	}
	
	a:hover,
	#crumb a:hover,
	#contentsBlock a:hover,
	.hd03 a:hover,
	.ulStyle02 a:hover,
	.snav a:hover {
		text-decoration	: none !important;
	}
	
	

	.hd02 a:link,
	.shd04 a:link,
	#footer_box a:link	{
		text-decoration	: underline;
		color			: #FFF !important;
	}
	
	.hd02 a:visited,
	.shd04 a:visited,
	#footer_box a:visited	{
		text-decoration	: underline;
		color			: #FFF !important;
	}
	
	.hd02 a:hover,
	#footer_box a:hover	{
		text-decoration	: none !important;
	}



/* ------------------------------------------------------------------------ */

/* Hedaer

/* ------------------------------------------------------------------------ */

header {
	position	: relative;
	margin		: 0 auto;
	width		: 1003px;
	height		: 80px;
}

	#logo2 a,
	#logo a{
		display		: block;
		position	: absolute;
		top			: 11px;
		left		: 0;
		width		: 171px;
		height		: 58px;
		background	: transparent url(../img/header/logo.png) no-repeat 0 0 !important;
		text-indent	: -9999px;
		overflow	: hidden;
	}
	
	#head_link {
		position	: absolute;
		top			: 45px;
		right		: 540px;
		font-size	: 120%;
	}

		#head_link li{
			display		: inline-block;
			margin		: 0 12px 0 0;
			background	: transparent url(../../common/img/icon/icon_arrow01.png) no-repeat 0 5px;
			padding		: 0 0 0 16px;
		}

	#headPartsBox{
		position	: absolute;
		top			: 0;
		right		: 0;
		width		: 100%;
	}
	
		#readspeaker_button1 {
			float	: right;
			margin	: 6px 0 0 20px;
		}


	#font_box{
		overflow	: hidden;
		float		: right;
		margin		: 6px 0 0;
	}
	
		#font_box p{
			float		: left;
			margin		: 2px 5px 0 0;
			font-weight	: bold;
			line-height	: 25px;
			font-size	: 120%;
			text-align	: left;
		}
	
		#font_box ul{
			float	: right;
		}

			#font_box li{
				display		: block;
				float		: left;
				margin		: 0 1px 0 0;
				width		: 25px;
				height		: 25px;
				line-height	: 25px;
				text-indent	: -9999px;
				overflow	: hidden;
				cursor		: pointer;
			}
	
				#font_box li#s{ background : transparent url(../../common/img/header/head_font01.png) no-repeat 0 0;}
				#font_box li#m{ background : transparent url(../../common/img/header/head_font02.png) no-repeat 0 0;}
				#font_box li#l{ background : transparent url(../../common/img/header/head_font03.png) no-repeat 0 0;}
		
				.active { background-position : 0 -25px !important;}
	

	#col_box{
		overflow	: hidden;
		margin		: 6px 0 0 20px;
		float		: right;
	}
	
		#col_box p{
			float		: left;
			font-weight	: bold;
			margin		: 2px 0 0;
			line-height	: 25px;
			font-size	: 120%;
		}
	

			#col_box ul{
				float		: right;
				overflow	: hidden;
				padding		: 0 0 0 5px !important;
			}
			
				#col_box li{
					display		: block;
					float		: left;
					margin		: 0 0 0 2px;
					width		: 25px;
					height		: 25px;
					line-height	: 25px;
					text-indent	: -9999px;
					overflow	: hidden;
					cursor		: pointer;
				}
	
					#col_box li#col01{ background : transparent url(../../common/img/header/head_col01.png) no-repeat 0 0;}
					#col_box li#col02{ background : transparent url(../../common/img/header/head_col02.png) no-repeat 0 0;}
					#col_box li#col03{ background : transparent url(../../common/img/header/head_col03.png) no-repeat 0 0;}
					#col_box li#col04{ background : transparent url(../../common/img/header/head_col04.png) no-repeat 0 0; margin-right:0 !important;}
				


	#search_box{
		position	: absolute;
		top			: 45px;
		right		: 130px;
		width		: 400px;
		height		: 25px;
	}


	#search_box p{
		white-space	: nowrap;
	}

		#search_txt {
			position	: absolute;
			top			: 0;
			right		: 270px;
			line-height	: 23px;
			text-align	: right;
			padding		: 0 0 0 20px;
			background	: transparent url(../../common/img/icon/icon_search01.png) no-repeat 0 50%;
			text-decoration:none;
		}
		
	
		#search_area{
			position	: absolute;
			top			: 0;
			right		: 55px;
			border		: 1px solid #CCC;
			width		: 194px;
			height		: 21px;
			padding		: 1px 3px !important;
		}
			
			/* CSS Hack for IE8 */
			.ie8 #search_area{
				line-height	: 21px;
			}
		
		#search_btn{
			position	: absolute;
			top			: 0;
			right		: 0;
		}
	
	#langSelect{
		position	: absolute;
		top			: 45px;
		right		: 3px;
		cursor		: pointer;
	}
	

#lang_box{
	position	: absolute;
	top			: 75px;
	right		: 0px;
	padding		: 12px;
	z-index		: 9999;
	display		: none;
	background	: #FFF;
	box-shadow			: rgba(0, 0, 0, 0.12) 0px 0px 2px 1px;
	-webkit-box-shadow	: rgba(0, 0, 0, 0.12) 0px 0px 2px 1px;
	-moz-box-shadow		: rgba(0, 0, 0, 0.12) 0px 0px 2px 1px;
}

#lang_box .title{
	margin		: 0 0 5px;
	font-size	: 120%;
	font-weight	: bold;
}


	#lang_box ul{
		border-width				: medium 1px 1px;
		border-style				: none solid solid;
		border-color				: -moz-use-text-color #CCC #CCC;
		-moz-border-top-colors		: none;
		-moz-border-right-colors	: none;
		-moz-border-bottom-colors	: none;
		-moz-border-left-colors		: none;
		border-image				: none;
	}
	
		#lang_box ul li{
			border-top	: 1px solid #CCC;
			font-size	: 120%;
		}

			#lang_box ul li a{
				display		: block;
				padding		: 1px 20px;
			}


				#lang_box ul li a:hover{
					display		: block;
					padding		: 1px 20px;
					background	: #FFF8BA;
				}
	
/* ------------------------------------------------------------------------ */

/* Navigation

/* ------------------------------------------------------------------------ */

nav {
	margin	: 0 auto;
	width	: 1003px;
	height	: 60px;
}

	nav ul{}
	
		nav ul li{
			float	: left;
		}
		
			nav ul li a{
				display		: block;
				height		: 60px;
				text-indent	: -9999px;
				overflow	: hidden;
				font-weight	: normal;
			}
		
			nav ul li ul li a{
				display		: inline;
				height		: auto;
				text-indent	: 0;
				font-size	: 120%;
			}
		
				nav ul li#nav01 > a{ width : 176px; background : transparent url(../../common/img/navigation/gnav01.png) no-repeat 0 0;}
				nav ul li#nav02 > a{ width : 165px; background : transparent url(../../common/img/navigation/gnav02.png) no-repeat 0 0;}
				nav ul li#nav03 > a{ width : 165px; background : transparent url(../../common/img/navigation/gnav03.png) no-repeat 0 0;}
				nav ul li#nav04 > a{ width : 165px; background : transparent url(../../common/img/navigation/gnav04.png) no-repeat 0 0;}
				nav ul li#nav05 > a{ width : 165px; background : transparent url(../../common/img/navigation/gnav05.png) no-repeat 0 0;}
				nav ul li#nav06 > a{ width : 167px; background : transparent url(../../common/img/navigation/gnav06.png) no-repeat 0 0;}

				nav ul li > a:hover{ background-position : 0 -60px !important;}
				nav ul li.mega-hover > a{ background-position : 0 -60px !important;}
				
				nav ul li ul li a:hover{ background-position:0 5px !important;}
				nav ul li ul li.mega-hover a{ background-position:0 5px !important;}
				
			
				#c-index	nav ul li#nav01 a{ background-position : 0 -60px !important;}
				#c-xxx		nav ul li#nav02 a{ background-position : 0 -60px !important;}
				#c-kurashi	nav ul li#nav03 a{ background-position : 0 -60px !important;}
				#c-xxx		nav ul li#nav04 a{ background-position : 0 -60px !important;}
				#c-xxx		nav ul li#nav05 a{ background-position : 0 -60px !important;}
				#c-xxx		nav ul li#nav06 a{ background-position : 0 -60px !important;}
			


/* ------------------------------------------------------------------------ */

/* Contents

/* ------------------------------------------------------------------------ */

article{
	float	: right;
	width	: 760px;
}

aside{
	float	: left;
	width	: 220px;
}


#mainBlock {
	overflow	: hidden;
	margin		: 0 auto;
	width		: 1003px;
	clear		: both;
}


#contentsBlock section {
	margin	: 17px 0 0;
}


.entry_box {
	padding		: 0 0 13px;
	background	: transparent url(../../common/img/bg/bg_section-btm.png) no-repeat center bottom;
	font-size	: 125%;
}

section.none {
	padding		: 0 0 6px;
	background	: transparent url(../../common/img/bg/bg_section-btm2.png) no-repeat center bottom !important;
	font-size	: 125%;
}

	.entry_box-top {
		padding		: 13px 0 0;
		background	: transparent url(../../common/img/bg/bg_section-top.png) no-repeat center top;
	}

	.entry_box-bg {
		overflow	: hidden;
		padding		: 0;
		background	: transparent url(../../common/img/bg/bg_section.png) repeat-y center top;
	}
	
	.entry_box-inner {
		overflow	: hidden;
		box-shadow	: 0 -1px #FFF;
		border-top	: 2px solid #70a822;
		margin		: 1px 4px 0 3px;
		padding		: 16px 0 0;
	}



/* ------------------------------------------------------------------------ */

/* Side

/* ------------------------------------------------------------------------ */

.sbox {
	padding		: 5px 0 10px;
	background	: transparent url(../../common/img/side/sbox_bg-top.png) no-repeat center top;
}

	.sbox-bg {
		background	: transparent url(../../common/img/side/sbox_bg.png) repeat-y center bottom;
	}
	
	.sbox-btm {
		padding		: 0 0 5px;
		background	: transparent url(../../common/img/side/sbox_bg-btm.png) no-repeat center bottom;
	}

		.shd01 {
			margin		: 0 auto;
			width		: 190px;
			padding		: 12px 10px;
			background	: transparent url(../../common/img/side/sbox_hd01.jpg) no-repeat 0 0;
			text-align	: left;
			font-size	: 140%;
			font-weight	: bold;
			color		: #FFF;
		}
		
			.snav {
				margin	: 0 auto;
				width	: 210px;
			}
		
				.snav li.end,
				.snav2 li.end {
					margin	: 0 0 5px;
				}
				
				.snav li.top a,
				.snav2 li.top a {
					padding		: 14px 10px 10px 26px;
					background	: transparent url(../../common/img/side/sbox_bg-list-top.jpg) no-repeat 0 0;
				}
				
				.snav li.top a:hover,
				.snav2 li.top a:hover{ background : transparent url(../../common/img/side/sbox_bg-listov-top.jpg) no-repeat 0 0;}
				
				.snav li a{
					display		: block;
					padding		: 20px 10px 10px 26px;
					background	: transparent url(../../common/img/side/sbox_bg-list.jpg) no-repeat 0 0;
					text-align	: left;
					font-size	: 130%;
					line-height	: 1.3;
				}
			
					.snav li a:hover{
						background	: transparent url(../../common/img/side/sbox_bg-listov.jpg) no-repeat 0 0;
					}
				
				
				body.snav01 #snav01 a,
				body.snav02 #snav02 a,
				body.snav03 #snav03 a,
				body.snav04 #snav04 a,
				body.snav05 #snav05 a,
				body.snav06 #snav06 a,
				body.snav07 #snav07 a,
				body.snav08 #snav08 a,
				body.snav09 #snav09 a,
				body.snav10 #snav10 a,
				body.snav11 #snav11 a,
				body.snav12 #snav12 a,
				body.snav13 #snav13 a,
				body.snav14 #snav14 a,
				body.snav15 #snav15 a,
				body.snav16 #snav16 a,
				body.snav17 #snav17 a,
				body.snav18 #snav18 a,
				body.snav19 #snav19 a,
				body.snav20 #snav20 a,
				body.snav21 #snav21 a,
				body.snav22 #snav22 a,
				body.snav23 #snav23 a,
				body.snav24 #snav24 a,
				body.snav25 #snav25 a{
					background : transparent url(../../common/img/side/sbox_bg-listov.jpg) no-repeat 0 0;
				}

				
				body.snav01 li.top a	{ background : transparent url(../../common/img/side/sbox_bg-listov-top.jpg) no-repeat 0 0;}
				body.snav01 li.nobdr a	{ background : transparent url(../../common/img/side/sbox_bg-listov.jpg) no-repeat 0 0 !important;}
				body.snav01 li.top a	{ background : transparent url(../../common/img/side/sbox_bg-list-top.jpg) no-repeat 0 0;}
				
				body.snav15 li.top a	{ background : transparent url(../../common/img/side/sbox_bg-listov-top.jpg) no-repeat 0 0 !important;}


				body.sub01 #sub01 a,
				body.sub02 #sub02 a,
				body.sub03 #sub03 a,
				body.sub04 #sub04 a,
				body.sub05 #sub05 a,
				body.sub06 #sub06 a,
				body.sub07 #sub07 a,
				body.sub08 #sub08 a,
				body.sub09 #sub09 a,
				body.sub10 #sub10 a,
				body.sub11 #sub11 a,
				body.sub12 #sub12 a,
				body.sub13 #sub13 a,
				body.sub14 #sub14 a,
				body.sub15 #sub15 a,
				body.sub16 #sub16 a,
				body.sub17 #sub17 a,
				body.sub18 #sub18 a,
				body.sub19 #sub19 a
				body.sub20 #sub20 a{
					font-weight	: bold;
				}

				.snav .subttl {
					padding		: 15px 0 0 12px;
					background	: transparent url(../img/border/border01.png) repeat-x left 5px;
					font-size	: 130%;
					text-align	: left;
					font-weight	: bold;
				}

					.snav .subttl ul{
						margin	: 10px 0 20px!important;
					}
	
						.snav .subttl ul li{
							margin		: 0 5px 10px 22px;
							font-size	: 75%;
							font-weight	: normal;
						}
		
							.snav .subttl ul li a{
								display		: inline;
								margin		: 0 0 0 -1em;
								padding		: 0 15px !important;
								background	: transparent url(../img/icon/icon_arrow01.png) no-repeat 0 5px !important;
								text-indent : 1em;
							}
			

.sbox2 {
	padding		: 5px 0 10px;
	background	: transparent url(../../common/img/side/sbox_bg-top2.png) no-repeat center top;
}

	.sbox-bg2 {
		background	: transparent url(../../common/img/side/sbox_bg2.png) repeat-y center bottom;
	}
	
	.sbox-btm2 {
		padding		: 0 0 5px;
		background	: transparent url(../../common/img/side/sbox_bg-btm2.png) no-repeat center bottom;
	}

		.shd02 {
			margin		: 0 auto;
			width		: 190px;
			padding		: 12px 10px;
			background	: transparent url(../../common/img/side/sbox_hd02.jpg) no-repeat 0 0;
			text-align	: left;
			font-size	: 140%;
			font-weight	: bold;
			color		: #FFF;
		}


.sbnr {
	margin	 :0 0 10px;
}


.sbox3 {
	overflow	: hidden;
	padding		: 5px 0 10px;
	background	: transparent url(../../common/img/side/sbox_bg-top3.png) no-repeat center top;
}
	
	.sbox3 ul.pages {
		overflow	: hidden;
		margin		: 8px auto;
		width		: 196px;
	}
	
		.sbox3 ul.pages li#back{ float : left;}
		.sbox3 ul.pages li#prev{ float : right;}
		
		.sbox-bg3 {
			overflow	: hidden;
			background	: transparent url(../../common/img/side/sbox_bg3.png) repeat-y center bottom;
		}
		
		.sbox-btm3 {
			padding		: 0 0 5px;
			background	: transparent url(../../common/img/side/sbox_bg-btm3.png) no-repeat center bottom;
		}
	
			.shd03 {
				margin		: 6px 0 10px 11px;
				text-align	: left;
			}
	
			.shd04 {
				margin		: 0 auto 10px;
				width		: 196px;
				padding		: 3px 0;
				background	: #70a822;
				text-align	: center;
				font-size	: 150%;
				font-weight	: bold;
				color		: #FFF;
			}
			
			.sbox3 table {
				margin	: 0 auto;
				width	: 196px;
			}
	
				.sbox3 .tableStyle01{
					border-collapse		: separate;
					border-spacing		: 0;
					empty-cells			: show;
					border-top			: 1px solid #d6c6b8;
					border-right		: none;
					border-bottom		: none;
					border-left			: 1px solid #d6c6b8;
					margin				: 0 auto;
				}
				
					.sbox3 .tableStyle01 th,
					.sbox3 .tableStyle01 td {
						padding			: 3px 0;
						border-top		: none;
						border-right	: 1px solid #d6c6b8;
						border-bottom	: 1px solid #d6c6b8;
						border-left		: none;		
						font-weight		: normal;
					}
				
					.sbox3 .tableStyle01 th{ 
						margin			: 0; 
						background		: #f2e2d5;
						text-align		: center;
						background-size	: 4px 4px;		
					}
				
					.sbox3 .tableStyle01 td{
						text-align	: center;
					}
				



/* ------------------------------------------------------------------------ */

/* Footer

/* ------------------------------------------------------------------------ */

footer {
	clear		: both;
	width		: 100%;
	min-width	: 1003px;
	margin		: 40px 0 0;
	background	: #70a822;
}

	#footer_box{
		/*position	: relative;*/
		overflow	: hidden;
		margin		: 0 auto;
		width		: 1003px;
		padding		: 0 0 10px;
		color		: #FFF;
		font-size	: 120%;
	}
	
		#foot_link {
			/*position	: absolute;
			top			: 12px;
			left		: 0;*/
			float		: left;
			padding		: 15px 0 0;
			/*width		: 60%;*/
		}

			#foot_link li{
				float			: left;
				display			: inline-block;
				margin-right	: 8px;
				padding-right	: 15px;
				background		: transparent url(../../common/img/icon/partion02.png) no-repeat center right;
				text-align		: left;
				line-height		: 1.7;
			}
			
				#foot_link li:last-child{
					background	: none;
				}
		#foot_info{
			/*position	: absolute;
			top			: 55px;
			left		: 0;*/
			float		: left;
			margin		: 15px 0 0;
			text-align	: left;
		}
			
			#foot_ttl{
				font-weight	: bold;
			}
		
			#foot_btn01{
				float		: right;
				margin		: 0 0 0 20px;
			}
			
			
		.f_pagetop {
			/*position	: absolute;
			top			: 12px;
			right		: 0;*/
			float		: right;
			padding		: 20px 0 0 16px;
			background	: transparent url(../../common/img/icon/icon_arrow02.png) no-repeat left 26px;
			text-align	: left;
		}	
	
		#copy {
			float		: right;
			clear		: both;
			/*position	: absolute;
			right		: 0;
			bottom		: 10px;*/
		}