@charset "utf-8";

/*CSS_Information===========================================
File_name:screen.css
author:4403
============================================================
*/


/* リセット：Yahoo!UI改変版
================================================== */
body{font-size:small;font-weight:normal;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}select,input,button,textarea{font-size:99%;}pre,code,kbd,samp{font-family:san-serif;font-size:100%;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,th,td{margin:0;padding:0;}table{font-size:inherit;font:100%;border-collapse:collapse;border-spacing:0;empty-cells:show;}th{font-weight:normal;text-align:left;}th,td{vertical-align:top;}address,cite,dfn,em,var{font-style:normal;}ol,ul{list-style:none;}fieldset,abbr{border:0;}ins{text-decoration:none;}del{text-decoration:line-through;}a{text-decoration:underline;}strong{font-weight:bold;}img,object,param{border:0;outline:0;vertical-align:bottom;}q:before,q:after{content:"";}hr{display:none;}

/* 共通
================================================== */
html,body { height: 100%; }

body{
	background-repeat:repeat;
	background-color:#f0f0f0;
	color:#000;
	line-height:1.5;
}

#wrapper{
	width:900px;
	margin:0 auto;
	background-color:#fff;
}

a{
	color:#00558b;
}

a:hover{
	background-color:#00558b;
	color:#FFF;
}

h3{
	font-size:105%;
	font-weight:bold;
}

/* #header
================================================== */

#header{
	background-image:url(../img/header_titleback.gif);
	background-repeat:repeat-x;
	background-position:top;
	width:900px;
	height:79px;
	position:relative;
}

#header ul{
	position:absolute;
	top:0;
	right:10px;
	width:353px;
	background-image: url(../img/header_menu.gif);
	background-repeat: no-repeat;
	background-position:0 -79px;
	z-index:5;
}

#header li{
	float: left;
	display:inline;
	height:79px;
}

#header li a{
	display: block;
	padding-top:79px;
	height:0;
	overflow:hidden;
	background-image: url(../img/header_menu.gif);
	background-repeat: no-repeat;
}

#header #nav1 a{
	width:89px;
	background-position:0 -237px;
}

#header #nav1 a:hover{
	width:89px;
	background-position:0 -316px;
}


#header #nav2 a{
	width:89px;
	background-position:-89px -237px;
}

#header #nav2 a:hover{
	background-position:-89px -316px;
}


#header #nav3{
	width:88px;	
}

#header #nav3 a{
	background-position:-177px 0px;
}

#header #nav3 a:hover{
	background-position:-177px -158px;	
}

#header #nav4{
	width:87px;	
}

#header #nav4 a{
	background-position:-264px -237px;
}

#header #nav4 a:hover{
	background-position:-264px -316px;	
}





#headermain{

	min-height:453px;
	height:auto !important;
	height:453px;
	background-image:url(../img/header_ctback.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#f8f8f8;
}

#headermain ul{
	padding-left:10px;
}

#headermain li{
	padding-left:10px;
	padding-top:20px;
}

#headermain li a{
	background:none;
}


#headermain p{
	padding-left:20px;
	padding-top:10px;
	text-align:left;
}


/* #header - #headerct
================================================== */

#headerct{
	background-image:url(../img/cthead_back.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

#headerct h2{
	padding:20px;
}


#headerct p{
	width:580px;
	padding-left:20px;
	padding-bottom:1.0em;
}

/* #header - #free
================================================== */

#free{
	background-image:url(../img/uchiwa.gif);
	background-repeat:no-repeat;
	height:75px;
	margin-left:10px;
	padding-left:95px;
	padding-top:20px;
}

#free strong{
	color:#be3930;
}

/* #contents
================================================== */

#contents{
	padding-left:10px;
}


#contents h3{
	padding-top:10px;
}

/* #contents - #goods
================================================== */

#contents #goods{
	width:877px;
	border-right:1px solid #600c0c;
	border-left:1px solid #600c0c;
	border-bottom:1px solid #600c0c;
	padding-top:20px;
	padding-bottom:20px;
}

#top #contents #goods div{
	position:relative;
	width:415px;
	padding-left:10px;
	min-height:250px;
	height:auto !important;
	height:250px;
}

#contents #goods .leftbox{
	padding-left:10px;
	padding-right:15px;
	border-right:1px dotted #600c0c;
}

#contents #goods .rightbox{
	padding-left:10px;
}


#contents #goods dd{
	position:absolute;
	top:0;
	left:177px;
}

#contents #goods .rightbox dd{
	padding-right:20px;
	padding-left:10px;
}


#contents #goods_02 dd{
	left:226px;
}


#contents #goods h4{
	color:#be3930;
	font-weight:bold;
	padding-bottom:1.0em;
}
#contents #goods h4 span{
	font-size:123%;
}


.goodscmt{
	padding-left:20px;
	padding-right:20px;
	text-align:center;
	clear:both;
}

/* #contents - #about
================================================== */

#about{
	width:430px;
	padding-top:10px;
}

#about div.buse{
	padding-top:20px;
}

#about table{
	position:relative;
	width:100%;
}

#about td{
	padding:0;
}


#about .odd{
	color:#be3930;
	font-weight:bold;
	width:105px;
}


#access{
	width:430px;
	padding-top:10px;
	padding-bottom:10px;
	margin-right:10px;
}

#access dl{
	padding-top:20px;
}

#access dt{
	font-weight:bold;
	color:#be3930;
}

#access dd{
	padding-bottom:1.0em;
}

#access p{
	padding-left:1.0em;
	text-indent:-1.0em;
}

#caution{
	padding-top:20px;
	padding-bottom:10px;
}

.buse{
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	border-right:1px solid #600c0c;
	border-left:1px solid #600c0c;
	border-bottom:1px solid #600c0c;
}

/* fotter
================================================== */
#bnr{
	clear:both;
	width:880px;
	padding-top:20px;
	text-align:center;
}


#bnr li{
	display:inline;
	padding-left:5px;
	padding-right:5px;
}


address{
	width:900px;
	text-align:center;
	padding-top:40px;
	padding-bottom:40px;
}





/* oocss
================================================== */


.centerbox{
	positon:relative;
	margin:0 auto;
}

.hidden{
	height:0;
	overflow:hidden;
}

.leftbox{
	float:left;
}

.rightbox{
	float:right;
}

.hidden{
	height:0;
	overflow:hidden;
}

.red{
	color:#F00;
}

.bnone{
	background-image:none;
}

.clearfix {
	zoom: 1; /*IE 5.5-7*/
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	font-size: 1px;
	line-height: 0;
}