@charset "Shift_JIS";


/*Color
#330000 dark navy
#339900 green
#99cc33 leaf
#CCFF66 light green
#ccccff 204 204 255
#ffff99 255 255 153
#ffff00 255 255 0

*/

/*\*//*/
textarea, select, input {
font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif;
}
/**/ 


/*ページ全体*/
img, h1, h2, h3,h4,h5,p,li{
	border-style:none;
	margin:0;
	padding:0;
	line-height:1.2em;	}
a,a:link,a:visited{
	text-decoration:none;
	color:#333399;}
a:hover{text-decoration:underline;
	color:#CC0033;}

.link,
.back a,
ul#footer_menu a{
	color:#330000;
	text-decoration:none;
	font-weight:bold;}
.link:hover,
.back a:hover,
ul#footer_menu a:hover{
	color:#ff0000;
	text-decoration:underline;}
p.plink, 
p.pback{
	clear:both;
	text-align:right;
	margin-right:10px;
	padding-right:20px;
	background-position:right center;
	background-repeat:no-repeat;
}
p.plink{background-image:url(image/right_arrow.gif);}
p.pback{background-image:url(image/top_arrow.gif);}
p.clear{clear:both;}			
.green{color:green;
	font-weight:bold;}	
.red{color:red;}	
.left{float:left;
	margin-right:10px;}		
.right{float:right;
	margin-left:10px;}		

#main ul,#main li,p{
	line-height:1.5em;}
#main #rightnavi ul,#main #rightnavi li,p{
	line-height:1.2em;}

body,ul#menu_in{
	margin: 0px;
	padding: 0px;
}
#header,#contents{
	margin:0 auto;
	padding: 0px;
	width:760px;
}

body {
	font-family:  "Arial", Osaka,"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size:75%;
	text-align:center;
	background:url(image/bg.gif) repeat-x top left;
	background-color:#E8D0B7;

}
#wrapper {
	margin: 0 auto;
	width: 790px;
	width: 760px !important;
	width /**/: 762px;
	border:1px #8E7257 solid;
	background-color:#ffffff;
	text-align:left;
}

#header {
	height:98px;
	position:relative;
	border:none;
	background:url(image/bg-header.gif) center top no-repeat;
	color:#ffffff;
}
#header a{
	color:#ffffff;
}
#header h1{
	font-size:10px;
	font-weight:normal;
	position:absolute;
	top:0px;
	left:10px;
	color:#330000;}
#header p#logo img{
	position:absolute;
	top:25px;
	left:40px;
	}
#header h2#des{
	position:absolute;
	top:60px;
	left:235px;
	font-size:14px;
	}
#header ul#sitemap{
	position:absolute;
	top:40px;
	right:20px;
	text-align:right;
	font-size:12px;
	line-height:100%;
}
#header ul#sitemap li{
	margin: 0px;
	display:inline;
	border-right:1px solid #ffffff;
	}
#header ul#sitemap a{font-weight:bold;}

#header ul#sitemap a:hover{
text-decoration:underline;}

#header form{
	position:absolute;
	top:5px;
	right:20px;
}
	
/*contents*/
	
#sidenavi,#main,#contents {
	text-align:left; 
	}

#sidenavi,#main {
	padding-bottom:10px;
}

#main {
	float:right;
	width:580px;
}
#rightnavi{
	float:right;
	width:169px;
	padding:0;
	margin:0;
	margin-right:1px;
}
#leftmain{
	float:left;
	width:400px;
}
#sidenavi{
	float:left;
	width: 169px;
	margin:0;
	margin-left:1px;
	padding:0;
	}
/*contents文字サイズ*/
p#enlarge{margin:0 0 5px 20px;
}
p#enlarge img{margin-left:5px;
}

/*sidenavi*/

#sidenavi .navi1 h2{
	margin:0;
	padding:5px 0;
	width:150px;
	font-size:12px;
	font-weight:bold;
	border:none;
	text-align:center;
	background-color:#7C7C7C;
	color:#ffffff;
	}

#rightnavi .navi1{
	float:right;
	margin:0 0 15px 0;
	padding:0;
	text-align:center;
	border:1px solid #666666;
	width: 167px !important;
	width /**/: 169px;
	background-color:#FFFFFF;
}
#rightnavi .navi1 h2,
#sidenavi .navi1 h2{
	margin:0;
	padding:5px 0;
	width:150px;
	font-size:12px;
	font-weight:bold;
	border:none;
	text-align:center;
	background-color:#7C7C7C;
	color:#ffffff;
	}
#rightnavi .navi1 h2{
	width: 167px !important;
	width /**/: 169px;
}
#rightnavi .navi1 h2 a,
#sidenavi .navi1 h2 a{
	color:#ffffff;}

#rightnavi .navi1 img,
#sidenavi img{
	margin-top:5px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left:auto;
}
#rightnavi p,
#sidenavi p{
	text-align:left;
	font-size:80%;
	margin:5px;
}
#rightnavi p.plink,
#sidenavi p.plink{
	clear:both;
	height:13px;
	text-align:right;
	margin-right:10px;
	padding-right:20px;
	padding-bottom:5px;
	background-position:right center;
	background-repeat:no-repeat;
} 
dl{margin:5px 0 0 10px;}

dd{
	text-align:left;
	margin:0;
	padding:0px	20px;
	border:none;}
dt{
	text-align:left;
	padding:5px 5px 0px 5px;
	font-weight:bold;
	color:#330000;
}
/*menu side*/
#sidenavi .menu_side p,
#rightnavi .menu_side p,
#sidenavi .menu_side img,
#rightnavi .menu_side img,
.menu_side{
	margin:0;
	padding:0;
}

.menu_side ul{
	list-style-type:none;
	margin:0;
	padding:0;
	width:169px;
	overflow:hidden;
}
.menu_side li{
	display:inline;
}

.menu_side li a,
.menu_side li a:link,
.menu_side li a:visited{	
	display:block; 
	text-align:left;
	list-style-type:none;
	font-weight:bold;
	text-decoration:none;
	color:#330000;
	margin:0;
	}
.menu_side li.menu_h2 a,
.menu_side li.menu_h2 a:link,
.menu_side li.menu_h2 a:visited{	
	background:url(image/menuside_h2.gif) no-repeat top left;  
	padding:7px 5px 7px 8px;
	width: 156px !important;
	width /**/: 169px;  
	font-size:100%;
	border-bottom:1px solid #ffffff;

}
.menu_side li.menu_h2 li a,
.menu_side li.menu_h2 li a:link,
.menu_side li.menu_h2 li a:visited{	
	font-size:90%;
	background:url(image/menuside.gif) no-repeat top left;  
	padding:3px;
	padding-left:15px;
	width: 151px !important;
	width /**/: 169px;  
	background-color:#000000;
	border-bottom:1px solid #cccccc;
}
.menu_side li.menu_h2 a:hover{	
	background-image:url(image/menuside_h2-on.gif);
	color:#ffffff;
	text-decoration:none;}  

.menu_side li.menu_h2 li a:hover{	
	background-image:url(image/menuside-on.gif);
}  

/*main*/


#main img{
	margin:0;}

#main p#makeover{
	background-color:#505370;
	color:#ffffff;
	width:590px;
	display:block;
	padding:3px 0;
	font-size:150%;	
	text-align:center;
	margin:0;
	margin-bottom:3px;
	}


#main h1{
	display:block;
	height:100%;
	width:auto;
	margin:0px;
	margin-bottom:5px;
	padding-top:35px;
	padding-bottom:2px;
	padding-left:20px;
	background:url(image/h1_general.gif);	
	background-position:left top;
	background-repeat:no-repeat;
	color:#330000;
	vertical-align:middle;
	font-size:150%;
	border-top:#505370 solid 1px;
	border-bottom:#505370 solid 1px;
	}

#main h1 a{color:#330000;}
#main h1.h1faq{
	padding-left:150px;
	background-image:url(image/h1_faq.gif);	
	background-repeat:no-repeat;
}

#main table{
	margin:10px auto;
	border:1px solid silver;
	border-collapse:separate;
	border-spacing:1px;
	text-align:center;
	}
#main table img{
	margin:0;
	padding:0;
}

#main td, #main th{
	border-style:none;
	}
#main th{
	padding:3px;
	font-weight:bold;
	background-color:#cccccc;
	border-right:1px solid silver;
	border-bottom:1px solid silver;
	color:#000000;}
#main td{
	background-color:#ffffcc;
	border-right:1px solid silver;
	border-bottom:1px solid silver;
	padding:0;
}

#main table.tableleft{
	text-align:left;
	}
#main table.tableleft td{
	padding:5px;}

#main table.tableleft td.center{
	text-align:center;}

#main colgroup.hikaku{
	text-align:center;
	width:3em;}
#main colgroup.hikaku td{
	font-size:120%;
	background-color:#ffffff;}

/*h2 area*/

#main .h2_area {
	clear:both;	
	padding:0;
	margin:5px 10px;
	margin-left:0px;
}
#leftmain .h2_area {
	margin-right:0px;
}

#main .h2_area h2{
	margin:15px 15px 5px 0px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:25px;
	height: 20px !important;
	height /**/: 24px;	
	font-size:120%;
	color: #330000;
	background-image:url(image/h2_point.gif);
	background-repeat:no-repeat;
	background-position:left top;
	border-bottom:3px dotted #330000;
	text-decoration:none;}
#main .h2_area h2 a{color:#330000;
}


#main .h2_area h3{
	margin:15px 0px 0px 10px;
	font-size:120%;
	color: #ff6633;
	}
#main .h2_area h3 a{
	color: #ff6633;
}
#main .h2_area img{
	float:left;
	margin-top:0.8em;
	margin-right:10px;
	margin-bottom:10px;
	}	
#main .h2_area img.right{
	float:right;
	margin-left:10px;}		

#main .h2_area p{
	margin-top:0.8em;
	margin-left:15px;
	margin-right:5px;
	margin-bottom:0px;
	line-height:1.5em;
}
#main .h2_area div.qa h2.question{
	background-image:url(image/h2_point_q.gif);
	border-bottom:2px dotted #DB402B;
}
#main .h2_area div.answer{
	background:url(image/point_a.gif) no-repeat top left;
}
#main .h2_area div.qa{
	border:2px double #DB7272;
	margin:25px;
	padding:8px;
}

#main .h2_area div.answer p{
	text-indent:30px;}

#main .h2_area ul{
	list-style-position:inside;
}
#main .h2_area ol{
	margin-left:20px;
	margin-right:20px;
	list-style-position:inside;
}
#main .h2_area ol li{
border-bottom:1px #999999 dotted;
padding:10px 0;}			

#main .h2_area ol li a.link{
text-align:right;
}
#main .h2_area ul.faq{
	list-style-image:url(image/listmarkfaq.gif);
	vertical-align:text-bottom;
	vertical-align:bottom;
	margin-right:20px;
	list-style-position:outside;}
#main .h2_area ul.faq li{
	padding:8px 0px;
	padding-left:10px;
	border-bottom:#cccccc dotted 1px;
}

/*crumb*/
#main ul#crumb{
	margin-left:10px;
	margin-top:0;
	margin-bottom:0;
	font-weight:bold;
}
#main ul#crumb li{
	margin: 0px;
	padding-left:2px;
	display:inline;
	}
#main ul#crumb a:hover{
text-decoration:underline;}


/*h2classbox4*/
#main div.h2classbox4{
	margin:10px 0px;
	padding:0px;
	border:#999999 1px solid;
	background-color:#ffffff;

}
#main div.h2classbox4{
	min-height:110px;
	_height: 105px !important;
}
#main div.catalogbox div.h2classbox4{
	margin:1px 0;
	min-height:0px;
	_height: 0px !important;
	border-left:#666666 6px solid;
	background-color:#F7F1D2;
		
}
#main div.h2_area div.h2classbox4 p,
#main div.h2_area div.h2classbox4 h3,
#main div.h2_area div.h2classbox4 h4,
#main div.h2_area div.h2classbox4 img,
#main div.h2_area div.h2classbox4 a{
	margin:0px;
	padding:0;
	text-indent:0em;
	}
#main div.h2_area div.h2classbox4 p{
	margin-left:0px;

	}
#main div.catalogbox div.h2classbox4 p{
	padding:0 5px;
}


#main div.h2_area div.h2classbox4 img{
	margin:0;
	margin-right:10px;
	clear:both;

	}

#main div.h2_area div.h2classbox4 h3{
	display:block;
	padding:5px;
	color:#330000;
	font-size:14px;
	background-repeat:repeat-x;	
	background-position:bottom left;
	background-image:url(image/h2box4h3.gif);}

#main div.h2_area div.h2classbox4 h3 a{
	color:#330000;}
#main div.h2_area div.h2classbox4 h3 a:hover{
	color:#cc0000;}
#main div.h2_area div.h2classbox4 h3 a.h3-small{
	font-size:90%;
	font-weight:normal;}

#main div.h2_area div.h2classbox4 h4{padding:5px;
	font-size:90%;}

/*h2classbox5*/

#main div.h2classbox5{
	margin:5px ;
	padding:10px;
	border:#cccccc 3px double;
	background-color:#EBEDE6;
}

/*catalog*/
#contents #main #leftmain div.catalog,
#contents #main div.h2_area div.catalog{
	margin:5px 5px;
	padding:0;
	float:left;
	text-align:center;
	position:relative;
	border:#cccccc 1px solid;
	}
#contents #main #leftmain div.catalog{
	width:115px;
	height:110px;}

#contents #main div.h2_area div.catalog {
	width:150px;}

#contents #contentsleft div.catalog img.catalognew,
#contents #main div.h2_area div.catalog img.catalognew{
	position:absolute;
	top:35px;
	left:-10px;
}
#contents #main #leftmain div.h2_area div.catalog h3,
#contents #main #leftmain div.h2_area div.catalog p,
#contents #main #leftmain div.h2_area div.catalog img,
#contents #main div.h2_area div.catalog h3,
#contents #main div.h2_area div.catalog p,
#contents #main div.h2_area div.catalog p img{
	margin:0 auto;
	padding:0;
	font-weight:normal;
	text-align:center;
}
#contents #main #leftmain div.catalog h3,
#contents #main div.h2_area div.catalog h3{
	font-size:90%;}
#contents #main #leftmain div.h2_area div.catalog h3,
#contents #main div.h2_area div.catalog h3{
	background:url(image/catalogh3.gif) top left no-repeat;
	color:#ffffff;
	padding:2px 0px;
	height:2.5em;
	vertical-align:bottom
}
#contents #main #leftmain div.h2_area div.catalog h3 a,
#contents #main div.h2_area div.catalog h3 a
{
	color:#ffffff;}
#contents #main #leftmain div.h2_area div.catalog h3 a:hover,
#contents #main div.h2_area div.catalog h3 a:hover{
	color:#ff0000;}


/*footer*/
#wrapper #footer {
	clear:both;
	margin-left:190px;
	margin-right:20px;
	padding:0;
	height: 50px;
	border-top:#330000 2px solid;
	position:relative;
}

#wrapper ul#footer_menu {
	position:absolute;
	padding: 0;
	top:5px;
	left:0px;
	text-align:center;
}

#wrapper ul#footer_menu li{
	list-style-type:none;
	margin: 0px;
	padding-left:7px;
	padding-right:5px;
	display:inline;
	border-right:1px solid #666666;

	}
#footer ul#footer_menu a{
	font-weight:bold;
	margin: 0px;
	padding: 0px;
	}

#footer p#w3c{
	position:absolute;
	top:5px;
	right:0px;
	padding:0;
}




/*blog*/

div.newsentry {
	margin:30px 15px 10px 15px;
}

div.newsentry h3 a,div.newsentry h3 a:link, div.newsentry h3 a:visited{
	color:#333333;
	font-size:small;
	text-decoration:none;
}
div.newsentry h3{
	margin-left:0;
	padding-left:0;
}
div.newsentry h3 a:hover{
	text-decoration:underline;
}
div.newsentry .entry-header-date{
	color: #ff6600;
	}

#main div.h2_area div.newsentry p{
	padding:5px;
	padding-left:0;
	}
#main div.h2_area div.newsentry h3,
#main div.h2_area div.newsentry p
{	margin-left:20px;}

div.newsentry p.entry-footer{
	border-top:1px #cccccc solid;
	padding:0;
	margin-top:3px;
	line-height:1em;
	clear:both;
}
div.newsentry p.entry-footer span.category a{ 
	font-size:90%;
	margin-left:10px;
	text-decoration:underline;
}

#main .h2_area div.newsentry h2{
	margin-bottom:10px;}
#main .h2_area div.newsentry h2 a,#main .h2_area div.newsentry h2 a:link, #main .h2_area div.newsentry h2 a:visited{
	color: #ff6633;}


#rightnavi .navi1 ul{
	margin:5px 5px 10px 5px;
	font-size:12px;
	text-align:left;
}
#rightnavi .navi1 li{
	padding:0;
	line-height:1.5em;
	list-style-position:inside;
}
#rightnavi .navi1 p.feed{
	margin:10px 0;
	text-align:center;
	}
#rightnavi .navi1 p.feed img{
	vertical-align:middle;
	margin-left:10px;
	margin-right:3px;
}
#main div.h2_area p.feed{
	margin:0 3px 5px 3px;
	float:right;
	padding:0 3px;
	background-color:#ff9933;
	border:outset 2px #ffffff;
}
#main div.h2_area p.feed a{
	color:#ffffff;
	font-weight:bold;
	font-size:80%;
}