@charset "utf-8";

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

 css 
 
 *************************/
 
*{
margin:0;
padding:0;
}

body{
background:url(../img/bg.gif) 50% 0 no-repeat #e4e4e4;
color:#333;
border-top:3px solid #000033;
font-family:"Verdana", "qMmpS Pro W3", "lr SVbN", "Osaka]";
line-height:1.6em;
}

a:link{color:#333; text-decoration:underline;}
a:visited{color:#333; text-decoration:none}
a:hover{color:#333; text-decoration:none;}
a:active{color:#333; text-decoration:underline;}


h1,h2,h3,h4,h5{
margin:0;
padding:0;
}


ul,li{
margin:0;
padding:0;
list-style-type:none;}

div{
text-align:left;
}


#container{
width:900px;
background-color:#fff;
margin-left:auto;
margin-right:auto;
}

#header{
height:43px;
border-bottom:3px solid #ff0000;
}

#header #logo{
width:580px;
height:31px;
margin-left:10px;
padding-top:5px;
float:left;
}

#header #fontchange{
width:257px;
float:right;
padding-top:5px;
padding-right:20px;
}

#header #fontchange li{
float:left;
}

#mainImage{
background:url(../img/main_image.jpg) 0 0 no-repeat;
}

#osusume {
width:879px;
height:110px;
margin:0 auto;
margin-bottom:20px;
}

/*--- 売り場トップ ---------------------------------------*/

#mainCounter{
width:900px;
margin-bottom:30px;
}

#mainCounter #left{
background:url(../img/main_left.jpg) 0 0 no-repeat;
width:450px;
min-height:216px;
float:left;
position:relative;
}

#hu {
width:146px;
height:216px;
position:absolute;
top:0px;
left:0px;
}

#mainCounter #left p{
width:270px;
font-size:130%;
margin:20px 10px 10px 155px;
line-height:1.2;
}

#mainCounter #right{
background:url(../img/main_counter.jpg) 0 0 no-repeat;
width:450px;
float:right;
height:216px;
}

#mainCounter #right #btn{
width:408px;
height:40px;
margin-left:22px;
}

/*--- コンテンツ ---------------------------------------*/

.box{
width:880px;
margin-right:auto;
margin-left:auto;
}

h2{
width:880px;
margin-right:auto;
margin-left:auto;
margin-bottom:20px;
}

#leftBox{
width:279px;
float:left;
}

#leftBox #movie{
background-color:#EBE9D3;
padding-bottom:10px;
}

#leftBox #movie #flv{
text-align:center;
margin:10px auto;
}

.player {
text-align:center;
}


#rightBox{
	width: 880px;
	float: right;
}


#voice{
border-left:1px solid #FF6701;
border-right:1px solid #FF6701;
}

#voice .line{
background:url(../img/voice_line.gif) 0 0 repeat-x;
height:3px;
}

#voice h3{
margin:10px 15px;
}

#voice #innerBox{
	width: 840px;
	margin: 10px 15px;
}

#voice #innerBox #left{
	width: 265px;
	float: left;
	margin-right: 15px;
}

#voice #innerBox #right{
	width: 280px;
	float: right;
}

#voice .kome{
margin:0 10px 10px 0;
text-align:right;
font-size:100%;
}

#detail #left{
background:url(../img/detail_left_bg.gif) 0 0 repeat-y;
width:590px;
float:left;
}

#detail #left p{
width:532px;
margin-top:10px;
font-size:120%;
line-height:1.6em;
}

#detail #left ul{
width:532px;
margin-right:auto;
margin-left:auto;
font-size:100%;
}

#detail #left ul .pic01{
background:url(../img/detail_left_pic01.gif) 0 0 no-repeat;
width:130px;
float:left;
padding-left:130px;
padding-top:30px;
padding-bottom:30px;
min-height:81px;
_height:81px;
}

#detail #left ul .pic02{
background:url(../img/detail_left_pic02.gif) 0 0 no-repeat;
width:130px;
float:right;
padding-left:130px;
padding-top:30px;
padding-bottom:30px;
min-height:81px;
_height:81px;
}

#detail #left .pic03{
background:url(../img/detail_left_pic03.gif) 100% 0 no-repeat;
width:550px;
margin-left:27px;
min-height:231px;
_height:231px;
}

#detail #left .pic03 p{
width:290px;
}

#detail #right{
width:264px;
float:right;
}

#leader{
background:url(../img/leader_pic.jpg) 0 0 no-repeat;
width:850px;
margin-left:20px;
margin-bottom:40px;
min-height:240px;
_height:240px;
}

#leader #frame{
width:580px;
margin-left:273px;
margin-top:0px;
}

#leader #frameHeader{
background:url(../img/leader_frame_header.gif) 0 0 no-repeat;
width:580px;
height:16px;
overflow:hidden;
}

#leader #frameBody{
background:url(../img/leader_frame_bg.gif) 0 0 repeat-y;
}

#leader #frameBody p{
padding:0px 15px 0px 25px;
}

#leader #frameBody .p02{
background:url(../img/leader_frame_voice.gif) no-repeat;
}

#leader #frameFooter{
background:url(../img/leader_frame_footer.gif) 0 0 no-repeat;
width:580px;
height:16px;
overflow:hidden;
}


#featureBox{
background:url(../img/feature_box_bg.gif) 0 0 repeat-y;
width:880px;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
font-size:12px;
line-height:18px;
}

#featureBox #pic01 p{
width:200px;
margin-left:45px;
margin-top:10px;
}

#featureBox #pic02{
background:url(../img/feature_box_midashi02.jpg) 0 100% no-repeat;
width:295px;
height:156px;
}

#featureBox #pic02 p{
width:200px;
margin-left:45px;
padding-top:80px;
}

#featureBox #pic03 p{
width:200px;
margin-left:45px;
margin-top:5px;
}

#featureBox #pic04 table{
width:240px;
margin-right:auto;
margin-left:5px;
margin-bottom:5px;
margin-top:5px;
}

#featureBox02{
width:860px;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
}

#featureBox02 .inner{
width:400px;
border-left:2px solid #ACAC59;
padding-left:10px;
}

.counter{
width:900px;
margin-bottom:40px;
}

.counter .left{
width:600px;
float:left;
background:url(../img/counter_bg_10set.jpg) 0 0 no-repeat;
height:311px;
}

.counter .left .btn{
width:277px;
height:50px;
margin-left:311px;
}

.counter .right{
width:300px;
float:right;
height:311px;
}

.counter .right .set30{
background:url(../img/counter_bg_30set.jpg) 0 0 no-repeat;
height:155px;
}

.counter .right .set30 .btn{
width:152px;
height:30px;
margin-left:128px;
}

.counter .right .setRegular{
background:url(../img/counter_bg_regular.jpg) 0 0 no-repeat;
height:164px;
}

.counter .right .setRegular .btn{
width:152px;
height:30px;
margin-left:128px;
}

#mediaBox{
width:860px;
margin-left:auto;
margin-right:auto;
}

#mediaBox p{
border-top:1px solid #ccc;
margin-top:5px;
padding-top:5px;
}

#blogBox{
border:1px solid #333;
width:858px;
margin-left:auto;
margin-right:auto;
margin-bottom:5px;
}

#blogBox a{
color:#3399FF;
text-decoration:underline;
text-align:right;
}

#blogBoxInner{
width:818px;
margin:15px auto;
}

.blogBoxContents{
width:260px;
}

#lifeBox{
border:1px solid #333;
width:858px;
margin-left:auto;
margin-right:auto;
margin-bottom:40px;
}

#lifeBoxInner{
background:url(../img/life_pic.jpg) 0 0 no-repeat;
width:843px;
margin:10px auto;
}

#lifeBoxInner p{
padding-left:280px;
}


#footer{
text-align:center;
width:820px;
margin-left:auto;
margin-right:auto;
padding-bottom:30px;
}

#copy{
border-top:1px solid #999999;
margin-top:10px;
padding-top:10px;
}


/*--- clearfix ---------------------------------------*/

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*--- 共通 ---------------------------------------*/

.small{
font-size:100%;
}

.large{
font-size:130%;
}

.red{
color:#ff0000;
}

.bold{
font-weight:bold;
}

.floatL{
float:left;
}

.floatR{
float:right;
}

.right{
text-align:right;
}

.center{
text-align:center;
}

/*--- margin ---------------------------------------*/

.marB03{margin-bottom:3px;}
.marB05{margin-bottom:5px;}
.marB10{margin-bottom:10px;}
.marB15{margin-bottom:15px;}
.marB20{margin-bottom:20px;}
.marB30{margin-bottom:30px;}

.marT03{margin-top:3px;}
.marT05{margin-top:5px;}
.marT10{margin-top:10px;}
.marT15{margin-top:15px;}
.marT20{margin-top:20px;}
.marT30{margin-top:30px;}

.marR03{margin-right:3px;}
.marR05{margin-right:5px;}
.marR08{margin-right:8px;}
.marR10{margin-right:10px;}
.marR15{margin-right:15px;}
.marR20{margin-right:20px;}

.marL03{margin-left:3px;}
.marL05{margin-left:5px;}
.marL08{margin-left:8px;}
.marL10{margin-left:10px;}
.marL15{margin-left:15px;}
.marL20{margin-left:20px;}
.marL25{margin-left:25px;}
.marL30{margin-left:30px;}

.padB03{padding-bottom:3px;}
.padB05{padding-bottom:5px;}
.padB10{padding-bottom:10px;}
.padB15{padding-bottom:15px;}
.padB20{padding-bottom:20px;}
.padB30{padding-bottom:30px;}

.padT03{padding-top:3px;}
.padT05{padding-top:5px;}
.padT10{padding-top:10px;}
.padT15{padding-top:15px;}
.padT20{padding-top:20px;}
.padT30{padding-top:30px;}

.padL03{padding-left:3px;}
.padL05{padding-left:5px;}
.padL10{padding-left:10px;}
.padL15{padding-left:15px;}
.padL20{padding-left:20px;}
.padL30{padding-left:30px;}

.padR03{padding-right:3px;}
.padR05{padding-right:5px;}
.padR10{padding-right:10px;}
.padR15{padding-right:15px;}
.padR20{padding-right:20px;}
.padR30{padding-right:30px;}