@charset "utf-8";

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

title area

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

div#ttlArea{
margin:30px 20px 10px;
color:#a77b22;
border-bottom:1px solid;
}

div#h1Area{
float:left;
padding:0 0 0 0;
background:url(../logo.gif) no-repeat left center;
height:80px;
}

div#h2Area{
float:left;
width:450px;
padding:15px 0 0 50px;
}

div#ttlArea p{
padding:10 0 0 0px;
font-size:14px;
line-height:1.1;
}

div#ttlArea h1{
font-size:30px;
}

div#ttlArea h2{
font-size:12px;
font-weight:normal;
}



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

content

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

div#content{
width:760px;
margin:0 20px 0 20px;
padding:0 0 290px 0;
}



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

movie area

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

div#movieArea{
width:760px;
}

div#movieArea div.textArea{
float:left;
width:460px;
}

div#movieArea div.textArea p{
margin-bottom: 25px;
line-height:1.2;
}

div#movieArea div.textArea p#goRadishbo-ya{
width: 240px;
height: 40px;
margin-bottom: 0;
background: url(/img/bcg_go_radishbo-ya.gif) no-repeat left top;
}

div#movieArea div.textArea p#goRadishbo-ya a{
margin-left: 17px;
line-height: 40px;
color: #666;
/*text-decoration: underline;*/
}

div.mobile{
float:right;
width:270px;
margin:0;
padding: 0px;
border:1px solid #d4d4d4;
background:url(../img/icon04.gif) no-repeat 205px 135px;
}

div.mobile div.text {
margin: 20px 60px 20px 15px;
}


div.mobile2{
margin:20px 0 0 0;
padding:10px;
border:1px solid #a2c17a;
background:url(../img/icon04.gif) no-repeat 205px 7px;
}

div#movieArea div#movie{
float:left;
width:480px;
}


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

play area

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

div#playArea ul{
float:left;
width:150px;
}

div#playArea ul#center{
width:180px;
}

div#playArea li{
padding:10px 0 5px 0;
border-bottom:1px dashed #d7be84;
}

div#playArea li.last{
border:none;
}

div#playArea li span{
padding:3px 45px 3px 0;
background:url(../img/btn03.gif) no-repeat right center;
}



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

play area - text

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


div#movie div.textArea{
float:none;
width:480px;
margin:20px 0 0 0;
padding:10px 0 0 0;
color:#a5781e;
border-top:1px solid #d7be84;
}

div#movie div.textArea p{
display:block;
border:none;
line-height:1.6;
}

div#movie div.textArea p.border{
border-bottom:1px dashed #d7be84;
}



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

get flash player

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

div#getFlash{
margin:10px 0 0 0;
padding:10px;
background:#e5d6b7;
font-size:10px;
line-height:1.2;
}

div#getFlash p{
float:left;
width:360px;
padding:0 0 0 12px;
}



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

CM song

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

div#cmSong{
margin:10px 0 0 0;
padding:15px;
background:#fff8d9;
}

p#dlText{
float:left;
width:190px;
padding:0 50px 5px 0;
color:#a77b22;
background:url(../img/arrow03.gif) no-repeat right center;
font-size:14px;
font-weight:bold;
line-height:1.3;
}

div#cmSong hr{
height:1px;
margin:0 0 5px 0;
color:d7be84;
border-top:1px solid #d7be84;
}

div#getWmp{
padding:5px 5px 5px 5px;
}

div#getWmp p{
float:left;
width:340px;
padding:0 0 0 10px;
font-size:10px;
line-height:1.2;
}



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

search area1

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

div#searchArea1{
clear: both;
margin:20px 0 0 0;
padding:20px 0 0 0;
border-top:1px solid #a77b22;
}

div#searchArea1 h3{
float:left;
height:35px;
width:150px;
padding:15px 115px 0 15px;
background:url(../img/navi01.gif) no-repeat;
font-size:20px;
line-height:1.2;
}

div#searchArea1 h3 a{
display:block;
padding:1px 5px;
background:#ffffff;
}

div#searchArea1 div.rightArea{
float:left;
width:480px;
}

div#searchArea1 div.searchList{
padding:15px 0 0 0;
background:url(../img/box_top03.gif) no-repeat left top;
}

div#searchArea1 ul{
padding:0 0 15px 15px;
background:#e6d7b8 url(../img/box_btm03.gif) no-repeat left bottom;
}

div#searchArea1 li{
float:left;
padding:0 30px 0 0;
font-size:16px;
line-height:1.2;
}



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

search area2

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

div#searchArea2{
margin:20px 0 0 0;
padding:20px 0 0 0;
border-top:1px solid #a77b22;
}

div#searchArea2 h3{
float:left;
height:68px;
width:150px;
padding:15px 115px 0 15px;
background:url(../img/navi02.gif) no-repeat;
font-size:20px;
line-height:1.2;
}

div#searchArea2 h3 a{
display:block;
padding:1px 5px;
background:#ffffff;
}

div#searchArea2 div.rightArea{
float:left;
width:480px;
}

div#searchArea2 div.searchList{
padding:15px 0 0 0;
background:url(../img/box_top03.gif) no-repeat left top;
}

div#searchArea2 ul{
padding:0 0 15px 15px;
background:#e6d7b8 url(../img/box_btm03.gif) no-repeat left bottom;
}

div#searchArea2 li{
float:left;
padding:0 14px 0 0;
font-size:16px;
line-height:1.2;
}



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

search area3

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

div#searchArea3{
margin:20px 0 0 0;
padding:20px 0 20px 0;
border-top:1px solid #a77b22;
border-bottom:1px solid #a77b22;
}

div#searchArea3 h3{
float:left;
height:68px;
width:150px;
padding:15px 115px 0 15px;
background:url(../img/navi03.gif) no-repeat;
font-size:20px;
line-height:1.2;
}

div#searchArea3 h3 a{
display:block;
padding:1px 5px;
background:#ffffff;
}

div#searchArea3 div.rightArea{
float:left;
width:480px;
}

div#searchArea3 div.searchForm{
padding:15px 0 0 0;
background:url(../img/box_top04.gif) no-repeat left top;
}

div#searchArea3 form{
float:left;
width:266px;
margin:0 0 10px 0;
padding:0 0 15px 15px;
background:#e6d7b8 url(../img/box_btm04.gif) no-repeat left bottom;
}

div#searchArea3 input.textfield{
width:150px;
padding:1px;
border:1px solid #cccccc;
}

div#searchArea3 input.btn{
width:85px;
margin:0 0 0 5px;
}

div#searchArea3 li{
float:left;
padding:0 14px 0 0;
font-size:16px;
line-height:1.2;
}




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

profile

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

div#profile{
margin:30px 0 0 0;
padding:15px;
background:#d9f3bb;
}

div#profile h4{
margin:0 0 10px 0;
color:#428522;
font-size:12px;
}

div#profile p.textCenter{
float:left;
width:290px;
padding:0 16px 0 16px;
}

div#profile p.textRight{
float:left;
width:306px;
padding:0 0 0 15px;
border-left:1px dashed #666666;
}



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

faq area

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

div#faqArea{
padding:30px 0 0 0;
}

div#faqArea h3{
height:48px;
margin:0 0 20px 0;
padding:15px 0 0 15px;
color:#333333;
background:url(../img/ttl01.gif) no-repeat;
font-size:20px;
line-height:1.2;
}

div#faqArea h3 span{
padding:3px 5px;
background:#ffffff;
}


/********** faq1 **********/

div#faq1{
position:relative;
float:left;
height:143px;
width:205px;
padding:20px 30px 20px 20px;
background:url(../img/faq01.gif) no-repeat;
}

div#faq1 h4{
color:#996600;
font-size:14px;
}

div#faq1 p.btnArea{
position:absolute;
bottom:17px;
right:30px;
}

div#faq1 p.btnArea a{
padding:0 17px 0 0;
background:url(../img/arrow02.gif) no-repeat right center;
}


/********** faq2 **********/

div#faq2{
position:relative;
float:left;
height:143px;
width:205px;
padding:20px 30px 20px 20px;
background:url(../img/faq02.gif) no-repeat;
}

div#faq2 h4{
color:#996600;
font-size:14px;
}

div#faq2 p.btnArea{
position:absolute;
bottom:17px;
right:35px;
}

div#faq2 p.btnArea a{
padding:0 17px 0 0;
background:url(../img/arrow02.gif) no-repeat right center;
}


/********** faq3 **********/

div#faq3{
position:relative;
float:left;
height:143px;
width:200px;
padding:20px 20px 20px 25px;
background:url(../img/faq03.gif) no-repeat;
}

div#faq3 h4{
color:#996600;
font-size:14px;
}

div#faq3 p.btnArea{
position:absolute;
bottom:17px;
right:20px;
}

div#faq3 p.btnArea a{
padding:0 17px 0 0;
background:url(../img/arrow02.gif) no-repeat right center;
}


/********** faq4 **********/

div#faq4{
display: inline; /* for IE */
position:relative;
float:left;
height:143px;
width:205px;
margin:20px 0 0 122px;
padding:20px 30px 20px 20px;
background:url(../img/faq04.gif) no-repeat;
}

div#faq4 h4{
color:#996600;
font-size:14px;
}

div#faq4 p.btnArea{
position:absolute;
bottom:17px;
right:30px;
}

div#faq4 p.btnArea a{
padding:0 17px 0 0;
background:url(../img/arrow02.gif) no-repeat right center;
}


/********** faq5 **********/

div#faq5{
position:relative;
float:left;
height:143px;
width:200px;
margin:20px 0 0 0;
padding:20px 25px 20px 30px;
background:url(../img/faq05.gif) no-repeat;
}

div#faq5 h4{
color:#996600;
font-size:14px;
}

div#faq5 p.btnArea{
position:absolute;
bottom:17px;
right:25px;
}

div#faq5 p.btnArea a{
padding:0 17px 0 0;
background:url(../img/arrow02.gif) no-repeat right center;
}


/********** faq6 **********/

div#faq6{
position:relative;
float:left;
height:143px;
width:200px;
margin:20px 0 0 0;
padding:20px 20px 20px 25px;
background:url(../img/faq06.gif) no-repeat;
}

div#faq6 h4{
color:#996600;
font-size:14px;
}

div#faq6 p.btnArea{
position:absolute;
bottom:17px;
right:18px;
}

div#faq6 p.btnArea a{
padding:0 17px 0 0;
background:url(../img/arrow02.gif) no-repeat right center;
}

/************■corporateへのボタン追加枠の設定TOP用　2011/05/26■************/
.left_shiryou{
	margin-top:10px;
	margin-bottom:10px;
	text-align:left;
	float:center;
	width:700px;
}

.left_shiryou_box{
	text-align:center;
	float:left;
	color:#FFDAB9;
	width:320px;
	margin-left:20px;
}

.left_shiryou_box p{
	margin-top:5px;
}