@charset "UTF-8";

/* -----------------------------------------------------------
CSS Information

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


/*html{color:#000;background:#FFF;}*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote{margin:0;padding:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}

body {
font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}
h2{
font-size:14px;
font-weight:bold;
line-height:20px;
}

*html body {
font-family:'ＭＳ Ｐゴシック',sans-serif;
}

/* link color */

a:link{color:#306ABA;text-decoration:underline;}
a:visited{color:#306ABA;text-decoration:underline;}
a:hover{color:#306ABA;text-decoration:none;}
a:active{color:#306ABA;text-decoration:underline;}
a:focus{outline:none;}


/* ----------------------------------------------------------------------
	body
---------------------------------------------------------------------- */

body {
	color: #282828;
	text-align: center;
}

/* ----------------------------------------------------------------------
	wrap
---------------------------------------------------------------------- */

#header{
	background-color:#2D61A8;
}

#header .logo{
	margin:0 auto;
	text-align:left;
	width:800px;
	padding:20px 0 30px 0;
	position:static;
	}


/* ----------------------------------------------------------------------
	wrapper
---------------------------------------------------------------------- */

#wrapper{
	margin:0 auto;
	width:800px;
	position:relative;top:-15px;
	background-color:#FFFFFF;
	border:#CCCCCC 1px solid;
}

#gava{
	width:800px;
	overflow:hidden;
	margin-bottom:20px;
	background-image:url(../gava_img/back.gif);
}

.gava_left{
	float:left;
	width:360px;
}

.gava_left_bo{
	float:left;
	width:360px;
	margin-left:15px;
}

.gava_left .catch{
	margin-top:20px;
}


.gava_right{
	float:right;
	width:393px;
	text-align:left;
	margin-right:20px;
}

.gava_right .title{
	margin:15px 0 10px 0
}

.gava_right .title_bo{
	margin:0 0 10px 0
}

.gava_right .price{
	font-size:16px;
	color:#CC0000;
	font-weight:bold;
}

.gava_right .text{
	margin:15px 0;
}

.gava_right .tokucyo{
	font-size:16px;
	font-weight:bold;
}


.gava_right dl.buy {
	background: #E7E7E7;
	width: 360px;
	padding: 8px;
	margin-bottom:15px;
}

.gava_right dl.buy dt {
	background: #FFF;
	width: 130px;
	height:30px;
	font-size: 90%;
	padding: 10px 0 0 20px
}

.gava_right dl.buy dt span {
	color: #AF2E29;
	font-weight: bold;
}

.gava_right dl.buy dt input {
	width: 60px;
	height: 18px;
	margin: 0 5px;
	border: solid 1px #CCC;
}

.gava_right dl.buy dd {
	height: 44px;
	font-size: 0;
	line-height: 0;
	margin: -42px 0 0 157px;
}

.gava_right dl.buy dd a:hover img { opacity: 0.8; filter: alpha(opacity=80); }

#conte{
	width:790px;
	margin:0 auto;
}

#conte .conte_l{
	float:left;
	margin-bottom:15px;
}

#conte .conte_r{
	float:right;
	margin-bottom:15px;
}


#gava_bo{
	width:800px;
	overflow:hidden;
	margin-bottom:20px;
}

#gava_bo .title{
	margin-bottom:20px;
}



/* ----------------------------------------------------------------------
	footer
---------------------------------------------------------------------- */

#footer { background: url(../img/footer_bg.gif) 0 0 repeat-x; text-align: center; }
#footer p { font-size: 90%; padding: 15px 0; }




/*---- clear ----*/
.clear{
clear:both;
height:0px;
font-size:0px;
line-height:0;
margin:0;
padding:0;
}

/* clearfix
------------------------------------------------------------ */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */