@charset "utf-8";

/* *****************************************************

*   base css

*   Since:2009-01-30

*   Editor:ricostyle

***************************************************** */



/* style reset

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

html,body { margin: 0; padding: 0; height: 100%; }

h1,h2,h3,h4,h5,h6,p,em,strong,address {

	margin: 0;

	padding: 0;

	font-weight: normal;

	font-style: normal;

	font-size: 100%;

}

strong { font-size: 100%;font-weight: bold !important;}



dl,dt,dd,

ul,ol,li {

	margin: 0;

	padding: 0;

	list-style: none;

	font-weight: normal;

}



form,

fieldset,

legend   { margin: 0; padding: 0; }

fieldset { border: none; height: 100%; }



img   { background: transparent; }

a img { border: none; }

table{ border: none; }





/* tags define

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

html>/**/body { overflow:-moz-scrollbars-vertical; } /* for firefox scroll area show */



html:first-child body {

	min-height: 100%;

	padding-bottom: 1px;

}	/* for opera scroll area show */



body {

	color: #666666;

	line-height: 1.5em;

	letter-spacing: 0em;

}



a {

	/*\*/

   overflow: hidden;

	/**/

}	/* for firefox */



label { cursor: pointer; }



input:hover,

textarea:hover { background: #ffc; }



table { empty-cells: show; border-collapse: collapse; border-spacing: 0; }

table caption { text-align: left; }





/* font family setting and body tag define

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

body {

	font-size: 100%;

	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";

	text-align: center; /* for win ie */

}



* html body {

	font-size: 75%;

	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";

	vertical-align:baseline;

} /* for win ie6 */



*:first-child+html body {

	font-size: 75%;

	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";

} /* for win ie7 */



html>body {

	font-size: 12px;

	font-family: Hiragino Kaku Gothic Pro W3, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;

} /* for mac safari firefox */









/* structure

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

#container {

	position: relative;width: 750px;margin: 0 auto;text-align: left;

}



#header{

	width: 750px;height: 161px;margin-bottom:15px;position: relative;

	border-top: #668F2E 3px solid;

}

#header h1{margin:0px;padding:0px;}



#wrapper1{margin-bottom:15px;}

#wrapper1 p{margin-bottom:12px;}

#wrapper1 .photobox{

	float:right;color: #1F791F;width: 236px;

	margin-bottom: 10px;margin-left: 8px;

}



#wrapper2{clear:both;margin-bottom:15px;}

#header h2{margin:0px;padding:0px;}

#wrapper2 table{float:left;width:510px;}

#wrapper2 table td img{margin:5px 22px 5px 10px;}

#wrapper2 table td {border-bottom: #CCCCCC 1px solid;padding-bottom:6px;padding-top:6px;}

#wrapper2 #poster img{float:right;width:218px;margin-bottom: 10px;margin-left: 12px;}

#wrapper2 table#shinsain{width:350px;}

#wrapper2 table#shinsain td{border-bottom:0px;padding-bottom:3px;padding-top:3px;}





#wrapper3{margin-bottom:15px;}

#wrapper3 .sakuhinbox{

	background-image: url(img_cmn/bk_brwn.jpg);

	background-repeat: repeat;

	background-color: #E4DEC7;

	min-height:200px;

	height:auto!important;

	height:200px;

	margin-bottom: 15px;

	padding: 10px;

}

#wrapper3 .sakuhinbox .sakuhin{

	float:left;

	margin-right:10px;

	height:140px;

	border: 1px solid #BAD68A;

}

#wrapper3 .sakuhinbox .name{

	float:left;

	border-left: 5px solid #C4B786;

	margin-left:20px;

	padding-left:12px;

	font-size: 14px;

	line-height: 1.5em;

	color: #5E5E5E;

}

#wrapper4{clear:both;margin-bottom:15px;}

#wrapper4 a.links{

	background-image: url(img_cmn/icon1.gif);

	background-repeat: no-repeat;

	background-position: left center;

	margin-right: 18px;

	padding-left: 18px;

	margin-left: 2px;

}





#wrapper5{margin-bottom:15px;}

#wrapper5 .sakuhinbox{

	background-color: #E9F6FE;

	min-height:360px;

	height:auto!important;

	height:360px;

	margin-bottom: 15px;

	padding: 10px;

}

#wrapper5 .sakuhinbox .sakuhin{

	float:left;

	margin-right:10px;

	height:140px;

	border: 1px solid #C4B786;

}

#wrapper5 .sakuhinbox .name{

	float:left;

	margin-left:10px;

	color: #525252;

	background-image: url(img_kohyo/tt_sinsainkohyo.gif);

	background-repeat: no-repeat;

	background-position: left top;

	padding-top: 20px;

	width: 300px;

}

#wrapper5 table{margin-bottom:10px;}

#wrapper5 table img{margin-right:5px;margin-left:2px;}

#wrapper5 table td.gldname

{padding-left:20px;padding-bottom:5px;

	font-size: 14px;

	font-weight: bold;

	color: #AC9A53;

}

#wrapper5 table td .fukidashi{

	background-image: url(img_kohyo/bk_hukkidashi.gif);

	background-repeat: no-repeat;

	background-position: left top;

	padding: 8px 15px 8px 27px;line-height:1.3em;

	width:557px;height:72px;

}













#footer {

	text-align: center;

	background: url(img_cmn/line.gif) repeat-x left top;

	padding-top: 15px;

	color: #A5A5A5;

}





.totop{

	text-align: right;clear: both;margin-bottom:5px;margin-right:2px;

}





/* clear

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

.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both;

    line-height:0; 

    visibility: hidden;

}

.clearfix{

    zoom:1;/*for IE 5.5-7*/

}

* html .clearfix{

	display:inline-table;

	/*\*/display:block;/**/

}



.clr { clear: both; }

.cl { clear: left; }

.cr { clear: right; }







/* link

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

a {

	color: #3D8A3D;text-decoration: none;

}

a:hover {

	color: #7FC31C;text-decoration: underline;

}

a:active {

	color: #B4E963;text-decoration: underline;

}





/* margin padding

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

.mb5  { margin-bottom: 5px !important; }

.mb10  { margin-bottom: 10px !important; }

.mb15  { margin-bottom: 15px !important; }

.mb20  { margin-bottom: 20px !important; }

.mb25  { margin-bottom: 25px !important; }





/* font color

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

.colGrn{ color: #87BE61; }

.colRtGrn{color: #7EC11C;}