@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;
	}
#header .logo2{
	margin:0 auto;
	text-align:left;
	width:800px;
	padding:20px 0 15px 0;
	position:static;
	}

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

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

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

#denji{
	width:800px;
	overflow:hidden;
	margin-bottom:10px;
}

.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;
	padding-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 */




.carriage_box01 li{
	padding:15px 0 0 0;
	}
.carriage_box01 .tal{
	text-align:left;
	width:337px;
	padding:15px 0 0 13px;
	}

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


.pt20{
	padding:20px 0 0 0;
	}
.pr10{
	padding:0 10px 0 0;
	}
.h_box{
	padding:15px 0 10px 0;}
	
.carriage_price{
	padding:0 0 0 45px;
	}
.carriage_name{
	background:transparent url(../carriage_img/curry_harb.gif) no-repeat left top;
	padding:5px 0 0 45px;
	height:27px;
	}
.midd{
	width:800px;
	background-image: url(../carriage_img/f_bg.gif) ;
	height:40px;
	}
#voice{
	margin:0 0 20px 0;
	}
#voice h3{
padding:20px 0 0 0;}

#voice ul{
	padding:20px 0;
	}	

#voice ul li{
	float:left;
	}	
	
	
.f_menu{
	width:800px;
	background: url(../carriage_img/shin.gif) 545px 5px no-repeat;
	height:246px;
	}
.sidebar01{
	float:left;
	text-align:left;
	padding:0 40px 0 15px;
}	
.sidebar02{
	float:left;
	text-align:lef;}	

.sidebar01 ul li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:url(../carriage_img/line_01.gif) repeat-x scroll 0 100%;
padding-bottom:1px;
width:199px;
}

.sidebar02 ul li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:url(../carriage_img/line_01.gif) repeat-x scroll 0 100%;
padding-bottom:1px;
width:199px;
}


.sidebar01 ul li a {
background:url(../carriage_img/sbar_icon_a_01.gif) no-repeat scroll 5px 10px;
display:block;
font-weight:bold;
padding:9px 0 7px 23px;
width:176px;
}
.sidebar01 ul li ul {
margin-bottom:10px;
}

.sidebar01 ul li ul li {
background:transparent none repeat scroll 0 0;
padding:0 0 0 23px;
width:176px;
}

.sidebar01 ul li ul li a {
background:transparent url(../carriage_img/sbar_icon_a_02.gif) no-repeat scroll 0 8px;
color:#333333;
font-weight:normal;
padding:3px 0 3px 14px;
width:162px;
}

.sidebar02 ul li a {
background:url(../carriage_img/sbar_icon_a_01.gif) no-repeat scroll 5px 10px;
display:block;
font-weight:bold;
padding:9px 0 7px 23px;
width:176px;
}
a:link {
color:#306ABA;
text-decoration:underline;
}	
.new{
	padding:10px 0 0 0;}	
	

/* ----------------------------------------------------------------------
	2010.5.21 電磁波.html
---------------------------------------------------------------------- */
	
.denjiha_txt{
	text-align:left;
	padding:10px 5px 30px 40px;
	line-height:1.6em;}	
.mtr10{
	margin:10px 20px 30px 0;
	}
.mb30{
	margin:0 0 40px 0;
	}
.denjiha{
	text-align:left;
	float:left;
	height:auto !important;
	margin:0 20px 30px 0;
	min-height:330px;
	width:210px;
	}
.denjiha .tt{
	padding:0 0 15px 0;
	}
.denjiha p.pic {
	margin-bottom:10px;
	}
.denjiha h3{
	color:#3D1D6B;
	font-size:108%;
	font-weight:bold;
	margin-bottom:5px;
	}
.denjiha p.catch  {
	color:#AF2E29;
	font-size:90%;
	margin-bottom:10px;
	}
.denjiha p.price  {
	background:url("https://cosmic-energy.co.jp/common/img/line_01.gif") repeat-x scroll 0 0 transparent;
	margin-bottom:10px;
	padding-top:10px;
	}
.denjiha p.price span {
	color:#AF2E29;
	font-size:115%;
	font-weight:bold;
	margin-left:5px;
	}