@charset "utf-8";

/*----------------------------------------------*/
/*                                              */
/*  Maker   : Ayako Okubo                       */
/*  Company : Elephant Communications inc.      */
/*                                              */
/*----------------------------------------------*/

h2, h3, h5 { margin: 0;}

/*------------------------------------------------
   float
------------------------------------------------*/

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

.clearfix{
display:inline-block;
}

*html .clearfix{
height:1%;
}

.clearfix{
display:block;
}

.clear{clear:both;}



/*------------------------------------------------
   text
------------------------------------------------*/

.red{color:#990000}

.large{font-size:14px}
.xlarge{font-size:18px}

.left{text-align:left}
.right{text-align:right}



/*------------------------------------------------
   header
------------------------------------------------*/

div#header{
position:relative;
margin:0;
width:800px;
}

div.headBg01{
height:200px;
background:url(../recommend/img/all_bg02.gif) no-repeat center top;
}
div.headBg02{
height:171px;
background:url(../recommend/img/all_bg03.gif) no-repeat center top;
}
div.headBg03 {
height: 327px;
background:url(../recommend/img/head_bg.jpg) center top no-repeat;
}

div#header div#logo{
position:absolute;
top:57px;
left:20px;
width:148px;
height:66px;
}

div#header h1{
	position:absolute;
	top:61px;
	left:180px;
	margin:0;
	width:579px;
}

div#header span {
visibility: hidden;
}

div#header h1#top{
position:absolute;
top:45px;
left:192px;
margin:0;
width:312px;
}


/* globalNav -----------------------------------*/

div#header ul#globalNav{
position:absolute;
top:0;
right:30px;
margin:0px;
height:52px;
list-style-type:none;
}

div#header ul#globalNav li{
float:left;
display:block;
text-indent:-9999px;
margin:0px;
padding:0px;
height:49px;
}

div#header ul#globalNav li a{
outline:none;
display:block;
text-indent:-9999px;
height:49px;
}

div#header ul#globalNav li.menu01,
div#header ul#globalNav li.menu01 a:hover{
background:url(../recommend/img/gmenu.gif) -129px -56px no-repeat;
width:59px;
}
div#header ul#globalNav li.menu01 a{
background:url(../recommend/img/gmenu.gif) -129px 0px no-repeat;
width:59px;
}

div#header ul#globalNav li.menu02,
div#header ul#globalNav li.menu02 a:hover{
background:url(../recommend/img/gmenu.gif) -188px -56px no-repeat;
width:80px;
}
div#header ul#globalNav li.menu02 a{
background:url(../recommend/img/gmenu.gif) -188px 0px no-repeat;
width:80px;
}

div#header ul#globalNav li.menu03,
div#header ul#globalNav li.menu03 a:hover{
background:url(../recommend/img/gmenu.gif) -268px -56px no-repeat;
width:38px;
}
div#header ul#globalNav li.menu03 a{
background:url(../recommend/img/gmenu.gif) -268px 0px no-repeat;
width:38px;
}

div#header ul#globalNav li.menu04,
div#header ul#globalNav li.menu04 a:hover{
background:url(../recommend/img/gmenu.gif) -306px -56px no-repeat;
width:79px;
}
div#header ul#globalNav li.menu04 a{
background:url(../recommend/img/gmenu.gif) -306px 0px no-repeat;
width:79px;
}

div#header ul#globalNav li.menu05,
div#header ul#globalNav li.menu05 a:hover{
background:url(../recommend/img/gmenu.gif) -385px -56px no-repeat;
width:83px;
}
div#header ul#globalNav li.menu05 a{
background:url(../recommend/img/gmenu.gif) -385px 0px no-repeat;
width:83px;
}

div#header ul#globalNav li.menu06,
div#header ul#globalNav li.menu06 a:hover{
background:url(../recommend/img/gmenu.gif) -468px -56px no-repeat;
width:85px;
}
div#header ul#globalNav li.menu06 a{
background:url(../recommend/img/gmenu.gif) -468px 0px no-repeat;
width:85px;
}

div#header ul#globalNav li.menu07,
div#header ul#globalNav li.menu07 a:hover{
background:url(../recommend/img/gmenu.gif) -553px -56px no-repeat;
width:77px;
}
div#header ul#globalNav li.menu07 a{
background:url(../recommend/img/gmenu.gif) -553px 0px no-repeat;
width:77px;
}

div#header ul#globalNav li.menu08,
div#header ul#globalNav li.menu08 a:hover{
background:url(../recommend/img/gmenu.gif) -630px -56px no-repeat;
width:63px;
}
div#header ul#globalNav li.menu08 a{
background:url(../recommend/img/gmenu.gif) -630px 0px no-repeat;
width:63px;
}

div#header ul#globalNav li.menu09,
div#header ul#globalNav li.menu09 a:hover{
background:url(../recommend/img/gmenu.gif) -693px -56px no-repeat;
width:78px;
}
div#header ul#globalNav li.menu09 a{
background:url(../recommend/img/gmenu.gif) -693px 0px no-repeat;
width:78px;
}



/*------------------------------------------------
   bg-box
------------------------------------------------*/

div#bg-box{
background:url(../recommend/img/all_bg01.gif) repeat-y;
}



/*------------------------------------------------
   local
------------------------------------------------*/

div#local{
	padding: 0 0 50px 20px;
}

/* subNav ------------------------------------*/

div#local ul#subNav{
margin:0;
padding:16px 0 0 0;
width:160px;
background:url(../recommend/img/all_bg_smenu.gif) repeat-y 0 0;
list-style-type:none;
}

div#local ul#subNav li,
div#local ul#subNav li a{
display:block;
text-indent:-9999px;
outline:none;
width:160px;
line-height:0;
font-size:0;
}

div#local ul#subNav li#smenu01{
margin:0 0 25px 0;
height:24px;
}
div#local ul#subNav li#smenu01,
div#local ul#subNav li#smenu01 a:hover{
background:url(../recommend/img/smenu.gif) no-repeat 0 -16px;
}
div#local ul#subNav li#smenu01 a{
height:24px;
background:url(../recommend/img/smenu.gif) no-repeat -159px -16px;
}

div#local ul#subNav li#smenu02{
margin:0 0 11px 0;
height:34px;
}
div#local ul#subNav li#smenu02,
div#local ul#subNav li#smenu02 a:hover{
background:url(../recommend/img/smenu.gif) no-repeat 0 -65px;
}
div#local ul#subNav li#smenu02 a{
height:34px;
background:url(../recommend/img/smenu.gif) no-repeat -159px -65px;
}

div#local ul#subNav li#smenu03{
margin:0 0 15px 0;
height:33px;
}
div#local ul#subNav li#smenu03,
div#local ul#subNav li#smenu03 a:hover{
background:url(../recommend/img/smenu.gif) no-repeat 0 -110px;
}
div#local ul#subNav li#smenu03{
height:33px;
background:url(../recommend/img/smenu.gif) no-repeat -159px -110px;
}

/*div#local ul#subNav li#smenu03 a{
height:33px;
background:url(../recommend/img/smenu.gif) no-repeat -159px -110px;
}*/

div#local ul#subNav li#smenu04{
margin:0 0 21px 0;
height:29px;
}
div#local ul#subNav li#smenu04,
div#local ul#subNav li#smenu04 a:hover{
background:url(../recommend/img/smenu.gif) no-repeat 0 -158px;
}
div#local ul#subNav li#smenu04 a{
height:29px;
background:url(../recommend/img/smenu.gif) no-repeat -159px -158px;
}

div#local ul#subNav li#smenu05{height:35px;}
div#local ul#subNav li#smenu05,
div#local ul#subNav li#smenu05 a:hover{
background:url(../recommend/img/smenu.gif) no-repeat 0 -208px;
}
div#local ul#subNav li#smenu05 a{
height:35px;
background:url(../recommend/img/smenu.gif) no-repeat -159px -208px;
}


/* local-ul ------------------------------------*/
/*
div#local ul.local-ul{
margin:88px 0px 0px;
}
*/
.li01,.li01 a:hover{
background:url(../recommend/img/cld_contact.gif) 0px -60px no-repeat;
}
.li01 a{
background:url(../recommend/img/cld_contact.gif) 0px 00px no-repeat;
}

.li02,.li02 a:hover{
background:url(../recommend/img/cld_shop.gif) 0px -60px no-repeat;
}
.li02 a{
background:url(../recommend/img/cld_shop.gif) 0px 0px no-repeat;
}



/*------------------------------------------------
   main
------------------------------------------------*/

div#main {
padding-right: 0;
}

div#main div.top{
width:600px;
}

div#main div.pan00 {
	background:url(../recommend/img/pan_bg01.gif) left top no-repeat;
}

div#main div.pan {
	background:url(../recommend/img/pan_bg02.gif) left top no-repeat;
}

div#main div.pan00,
div#main div.pan {
width: 600px;
height: 20px;
margin:0;
padding: 0;
font-size:10px;
text-align: right;
}



/*------------------------------------------------
   recommend.html
------------------------------------------------*/

div#main div#recBox{
padding:0 15px 0 15px;
width:570px;
}

div#recBox h2{
margin:0;
padding:0;
width:212px;
float:left;
}


/* word ---------------------------------------*/

div#recBox div#word{
float:right;
padding:38px 28px 0 40px;
width:289px;
height:180px;
background:url(../recommend/img/rec_bg01.gif) no-repeat left top;
}

div#recBox div#word h3{
float:right;
margin:0;
padding:0;
width:97px;
height:32px;
}

div#recBox div#word p.text{
float:left;
padding:17px 0 0 0;
width:160px;
color:#666666;
}

div#recBox div#word p.text2{
float:left;
padding:8px 0 0 0;
width:167px;
color:#666666;
}


/* recommend ------------------------------*/

div#recBox div#recommend{
margin:0 0 25px 0;
padding:20px 30px 15px 10px;
background:#ffffff;
border-top:solid 3px #996600;
border-bottom:solid 3px #996600;
}

div#recBox div#recommend p.pht{
float:left;
width:130px;
}


/* textBox -----------------------------------*/

div#recBox div#recommend div#textBox{
float:right;
width:395px;
}

div#recBox div#recommend div#textBox h3{
	margin:0 0 5px 0;
	padding:3px 0 10px 0;
	border-bottom:dashed 1px #9b9b9b;
	font-size:18px;
	font-weight:bold;
	color:#990000;
	line-height: 1.4;
}

div#recBox div#recommend div#textBox p#author{
margin:0 0 30px 0;
color:#333333;
}

div#recBox div#recommend div#textBox p.text{
margin:5px 0 0 0;
line-height:1.4;
color:#996600;
}


/* btnArea -----------------------------------*/

div#recBox div#btnArea{
margin:0 0 100px 0;
padding:0 25px 0 145px;
width:400px;
}

div#recBox div#btnArea p#agree{
float:left;
width:95px;
}

div#recBox div#btnArea p#next{
float:right;
width:245px;
}



/*------------------------------------------------
   old contribution.html
------------------------------------------------*/

div#main div#conBox{
width:600px;
/* background:url(../recommend/img/con_bg01.gif) no-repeat left top; */
}

div#main div.nobg{
padding:5px 0 0 0;
background:none !important;
}

/*div#conBox h2{
margin:0 0 0 12px;
padding:0;
width:160px;
}
*/
div#conBox h4{
padding-left: 25px;
}

div#conBox p#conText{
	margin:0 0 35px 150px;		/*071017 三富修正*/
	width:300px;
	height:125px;
}

div#conBox p#conText2{
margin:0 0 50px 200px;
width:255px;
height:130px;
}

div#conBox div#btnArea{
margin:0 0 45px 0;
text-align:center
}

div#conBox div#btnArea2{
width:240px;
padding:0 130px 0 130px;
}

div#btnArea2 p#backBtn{
float:left;
width:152px;
}

div#btnArea2 p#postBtn{
float:right;
width:75px;
}


/* themaArea -----------------------------------*/

div#conBox div#themaArea{
margin:0 0 30px 0;
padding:0 160px 0 22px;
}

div#conBox div#themaArea p.lead{
float:left;
padding:25px 0 0 0;
}

div#conBox div#themaArea p#thema{
float:right;
padding:10px 0 0 0;
width:180px;
height:115px;
font-size:24px;
color:#990000;
line-height:1.2;
text-align:left;
}


/* formTBL -------------------------------------*/

div#conBox p#formText{
margin:20px 0 35px 25px;
padding:0 0 30px 0;
width:550px;
border-bottom:solid 2px #333333;
}

div#conBox table#formTbl{
margin:15px 25px 20px 25px;
background:#ffffff;
border:solid 1px #000000;
}

div#conBox table#formTbl th{
padding:0 0 0 35px;
width:150px;
text-align:left;
}

div#conBox table#formTbl th.line{
height:15px;
background:url(../recommend/img/all_line01.gif) no-repeat 25px center;
line-height:0;
}

div#conBox table#formTbl td{
width:365px;
}

div#conBox table#formTbl td .typeText{
width:320px;
height:20px;
border:solid 1px #333333;
}

div#conBox table#formTbl td .typeTextShort{
width:100px;
height:20px;
border:solid 1px #333333;
}

div#conBox table#formTbl td .typeTextShort2{
width:80px;
height:20px;
border:solid 1px #333333;
}

div#conBox table#formTbl td .typeTextShort3{
width:50px;
height:20px;
border:solid 1px #333333;
}

div#conBox table#formTbl td textarea{
width:325px;
height:115px;
border:solid 1px #333333;
}

div#conBox table#formTbl th.f01{
padding:25px 0 0 35px;
}

div#conBox table#formTbl td.f01{
padding:25px 0 0 0;
}

div#conBox table#formTbl th.f02{
padding:5px 0 5px 35px;
vertical-align:top;
}

div#conBox table#formTbl td.f02{
padding:0 25px 5px 0;
}

div#conBox table#formTbl th.f03{
padding:5px 0 5px 35px;
font-weight:normal;
}

div#conBox table#formTbl th.f04{
width: 155px;
padding:10px 0 25px 200px;
font-weight:normal;
}

div#conBox table#formTbl td.f05{
width: 465px;
padding:5px 35px 5px 35px !important;
font-weight:normal;
}

div#conBox table#formTbl th.last{
padding:5px 0 30px 35px;
}

div#conBox table#formTbl td.last{
padding:5px 0 30px 0;
}



/*------------------------------------------------
   word.html
------------------------------------------------*/

div#wordBox{
padding:45px 0 45px 0;
background:url(../recommend/img/wor_bg01.gif) no-repeat left top;
}

div#wordBox h2{
margin:0 0 55px 0;
padding:0 0 0 31px;
}

div#wordBox p#thema{
margin:0 0 95px 150px;
width:265px;
height:150px;
font-size:26px;
line-height:1.2;
}

div#wordBox p#themaText{
margin:0 0 45px 140px;
width:220px;
height:120px;
}

div#wordBox p.text01{
margin:0 0 45px 0;
padding:0 65px 0 45px;
line-height:1.4;
}

div#wordBox div#btnArea{
padding:18px 0 30px 265px;
background:url(../recommend/img/wor_bg02.gif) no-repeat 30px top;
}

div#wordBox div#btnArea p{
width:315px;
height:34px;
}



/*------------------------------------------------
   ranking.html
------------------------------------------------*/

div#rankBox{
padding:0 0 60px 0;
background:url(../recommend/img/ran_bg01.gif) no-repeat left top;
}

div#rankBox h2{
margin:25px 0 64px 0;
padding:0 0 0 105px;
}

div#rankBox p.top{
padding:0 15px 0 0;
}

/* rank01 ----------------------------------*/

div#rankBox div#rank01{
margin:0 0 5px 11px;
padding:20px 13px 21px 18px;
width:547px;
height:231px;
}

div#rank01 div.textArea{
float:left;
width:373px;
height:231px;
}

div#rank01 div.textArea h3{
float:left;
margin:0 0 0 0;
width:75px;
}

div#rank01 div.textArea div.titleBox{
float:right;
padding:25px 0 0 0;
width:295px;
height:65px;
color:#996600;
}

div#rank01 div.textArea div.titleBox p.title{
padding:5px 0 15px 0;
color:#990000;
line-height:1.0;
font-size:18px;
font-weight:bold;
}

div#rank01 div.textArea div.titleBox .point{
color:#990000;
font-weight:bold;
}

div#rank01 div.textArea p.author{
margin:0 0 15px 18px;
padding:5px 0 0 10px;
width:337px;
border-top:solid 1px #9b9b9b;
}

div#rank01 div.textArea p.text01{
margin:0 0 15px 18px;
padding:0 0 0 10px;
width:337px;
color:#996600;
}

div#rankBox div#rank01 div.textArea p.name{
float:left;
padding:5px 0 0 18px;
width:262px;
color:#666666;
font-size:12px;
}

div#rank01 div.textArea p.nextBtn{
float:right;
padding:0 12px 0 0;
width:79px;
height:19px;
}

div#rank01 p.mainPht{
float:right;
padding:40px 0 0 40px;
width:134px;
height:184px;
background:url(../recommend/img/ran_bg02.gif) no-repeat left top;
}


/* rank02 ----------------------------------*/

div#rankBox div.rank02{
margin:0 0 0 14px;
padding:10px 0 10px 0;
width:565px;
border-bottom:solid 6px #cc0000;
}
div#rankBox div.border01{
border-bottom:solid 3px #cc0000;
}
div#rankBox div.border02{
border-bottom:solid 1px #996600;
}

div.rank02 h3{
float:left;
margin:0 0 0 0;
padding:0 0 0 5px;
width:70px;
}

div.rank02 h3.normal{
padding:22px 0 0 20px;
width:55px;
}

div.rank02 div.textArea{
float:right;
width:490px;
}

div.rank02 div.textArea p.point{
margin:0 0 5px 0;
color:#996600;
}

div.rank02 div.textArea p.point span{
color:#990000;
font-weight:bold;
}

div.rank02 div.textArea p.title{
color:#990000;
line-height:1.0;
font-weight:bold;
}

div.rank02 div.textArea p.author{
margin:0 0 5px 0;
padding:5px 0 5px 0;
border-bottom:solid 1px #9b9b9b;
}

div.rank02 div.textArea p.name{
float:left;
padding:3px 10px 0 0;
color:#666666;
font-size:12px;
}

div.rank02 div.textArea p.nextBtn{
float:left;
width:79px;
height:19px;
}


/* rank03 ----------------------------------*/

div#rankBox div.rank03{
margin:0 0 0 14px;
padding:10px 0 10px 0;
width:565px;
border-bottom:solid 1px #996600;
}
div#rankBox div.border02{
border-top:solid 1px #996600;
}

div.rank03 h3{
float:left;
margin:0 0 0 0;
padding:22px 0 0 10px;
width:40px;
}

div.rank03 h3.normal{
padding:22px 0 0 20px;
width:55px;
}


/* textArea ----------------------------------*/

div.rank03 div.textArea{
float:left;
width:350px;
}

div.rank03 div.textArea p.point{
margin:0 0 5px 0;
color:#996600;
}

div.rank03 div.textArea p.point span{
color:#990000;
font-weight:bold;
}

div.rank03 div.textArea p.title{
color:#990000;
line-height:1.0;
font-weight:bold;
font-size:12px;
}

div.rank03 div.textArea p.author{
margin:0 0 5px 0;
padding:5px 0 5px 0;
border-bottom:solid 1px #9b9b9b;
}

div.rank03 div.textArea p.name{
float:left;
padding:3px 10px 0 0;
color:#666666;
font-size:12px;
}

div.rank03 div.textArea p.nextBtn{
float:left;
width:79px;
height:19px;
}



/*------------------------------------------------
   story.html
------------------------------------------------*/

div#storyBox{
width:600px;
margin:0 0 0 0;
padding:35px 0 45px 0;
background:url(../recommend/img/sto_bg01.gif) no-repeat left top;
}

div#storyBox h2{
margin:0 0 42px 0;
padding:0 0 0 173px;
}

div#storyBox h2#read{
margin:0 0 35px 0;
padding:0 0 0 92px;
}

div#storyBox h3#princess{
margin:0 0 5px 0;
padding:0 0 0 94px;
}

div#storyBox h3#expert{
margin:0 0 5px 0;
padding:0 0 0 120px;
}

div#storyBox h3#rec{
margin:0 0 145px 0;
padding:0 0 0 25px;
}

div#storyBox p#text01{
margin:0 0 20px 0;
padding:0 0 0 137px;
}

div#storyBox p#text02{
margin:0 0 22px 0;
padding:0 0 0 143px;
}

div#storyBox p#text03{
margin:0 0 30px 0;
padding:0 0 0 32px;
}



/* nextBtn -----------------------------------*/

div#storyBox ul.nextBtn{
margin:0 0 0 0;
padding:0 0 0 17px;
width:583px:
}

div#storyBox ul.nextBtn li{
float:left;
width:190px;
height:56px;
list-style-type:none;
}



/*------------------------------------------------
   story01.html
------------------------------------------------*/

div#stoBox2{
width:600px;
padding:48px 0 60px 0;
background:url(../recommend/img/sto_bg03.gif) no-repeat left top;
}

div#stoBox2 h2{
margin:0 0 31px 0;
padding:0 0 0 172px;
}

div#stoBox2 h3{
margin:0 0 170px 0;
padding:0 0 0 247px;
}

div#stoBox2 p.text01{
margin:0 0 20px 0;
padding:0 15px 0 15px;
line-height:1.6;
}

div#stoBox2 p.text02{
margin:0 0 20px 0;
padding:20px 0 10px 15px;
height:35px;
background:url(../recommend/img/sto_ill01.gif) no-repeat 215px top;
}

div#stoBox2 p.text03{
margin:0 0 20px 0;
padding:85px 0 10px 15px;
background:url(../recommend/img/sto_ill03.gif) no-repeat 27px top;
}


/* nextNavi ------------------------------------*/

div#stoBox2 div#nextNavi{
margin:35px 0 0 0;
width:600px;
height:160px;
background:url(../recommend/img/sto_bg02.jpg) no-repeat left top;
}

div#stoBox2 div#nextNavi p.lead{
float:left;
padding:16px 0 0 67px;
width:350px;
}

div#stoBox2 div#nextNavi p.nextBtn{
float:right;
padding:20px 33px 0 0;
width:141px;
}

div#stoBox2 div#nextNavi p.backBtn{
padding:35px 0 0 12px;
}

div#stoBox2 div.textBox01{
background:url(../recommend/img/sto_ill02.gif) no-repeat 450px top;
}

div#stoBox2 div.textBox02{
padding:18px 40px 20px 135px;
background:url(../recommend/img/sto_ill05.gif) no-repeat 15px top;
}

div#stoBox2 div.textBox02 p{
margin:0 0 15px 0;
line-height:1.6;
}




/* nextNavi2 -----------------------------------*/

div#stoBox2 div#nextNavi2{
position:relative;
margin:35px 0 0 0;
padding:20px 0 0 0;
width:600px;
height:173px;
background:url(../recommend/img/sto_bg04.gif) no-repeat left top;
}

div#stoBox2 div#nextNavi2 p.lead{
margin:0 0 15px 0;
padding:0 0 0 136px;
}

div#stoBox2 div#nextNavi2 p.nextBtn{
position:absolute;
top:67px;
right:50px;
}

div#stoBox2 div#nextNavi2 p.backBtn{
padding:0 0 0 12px;
}

div#stoBox2 div#nextNavi2 p.topBtn{
position:absolute;
top:141px;
right:10px;
}


/* nextNavi3 -----------------------------------*/

div#stoBox2 div#nextNavi3{
position:relative;
margin:35px 0 0 0;
padding:15px 0 0 0;
width:600px;
height:130px;
background:url(../recommend/img/sto_bg05.gif) no-repeat left top;
}

div#stoBox2 div#nextNavi3 p.lead{
padding:0 0 0 145px;
}

div#stoBox2 div#nextNavi3 p.backBtn{
position:absolute;
top:102px;
left:15px;
}

div#stoBox2 div#nextNavi3 p.topBtn{
position:absolute;
top:112px;
right:10px;
}



/*------------------------------------------------
   campaign.html
------------------------------------------------*/

div#camBox{
width:600px;
padding:0 0 60px 0;
background:url(../recommend/img/cam_bg01.gif) no-repeat 22px 13px;
}

/* titleArea ----------------------------------*/

div#camBox div#titleArea{
padding:0 15px 0 80px;
}

div#camBox div#titleArea h2{
float:left;
width:316px;
}

div#camBox div#titleArea p{
float:right;
width:160px;
}


/* textBox01 --------------------------------*/

div#camBox div#textBox01{
margin:0 0 0 10px;
padding:0 75px 0 0;
width:510px;
height:272px;
background:url(../recommend/img/cam_bg02.gif) no-repeat left top;
}

div#camBox div#textBox01 div.textArea{
float:left;
width:380px;
}

div#camBox div#textBox01 div.textArea h3{
margin:6px 0 0 0;
padding:0 0 0 15px;
}

div#camBox div#textBox01 p.pht{
float:right;
width:105px;
}

div#camBox div#textBox01 p.title{
margin:7px 0 10px 25px;
width:355px;
color:#990000;
line-height:1.0;
font-weight:bold;
font-size:18px;
}

div#camBox div#textBox01 p.author{
margin:0 0 5px 25px;
padding:7px 0 5px 0;
width:355px;
border-top:solid 1px #9b9b9b;
}

div#camBox div#textBox01 p.text{
margin:0 0 15px 25px;
padding:0 10px 0 0;
width:355px;
height:70px;
color:#996600;
line-height:1.4;
}

div#camBox div#textBox01 p.name{
float:left;
padding:3px 0 0 25px;
width:255px;
color:#666666;
font-size:12px;
}

div#camBox div#textBox01 p.nextBtn{
float:right;
width:79px;
height:19px;
}

div#camBox div#textBox01 p.pht{
float:right;
padding:30px 0 0 0;
width:105px;
}


/* camTbl ------------------------------------*/

div#camBox table#camTbl{
margin:25px 0 0 10px;
width:580px;
border:none;
border-collapse:collapse;
border-spacing:0;
}

div#camBox table#camTbl td{
background:#ffffff;
border-bottom:solid 2px #999966;
vertical-align:top;
}

div#camBox table#camTbl td.last{
border:none;
}

div#camBox table#camTbl td.leftBox{
padding:10px 15px 5px 15px;
width:260px;
height:135px;
background:url(../recommend/img/cam_bg04.gif) repeat-y left top #ffffff;
border-right:solid 2px #999966;
}
div#camBox table#camTbl td.rightBox{
padding:10px 15px 5px 10px;
width:265px;
background:url(../recommend/img/cam_bg05.gif) repeat-y right top #ffffff;
}

div#camBox table#camTbl td p.title{
margin:0 0 7px 0;
padding:0 0 7px 0;
border-bottom:dashed 1px #9b9b9b;
color:#990000;
font-weight:bold;
font-size:14px;
}

div#camBox table#camTbl td p.author{
margin:0 0 10px 0;
padding:0 0 0 5px;
font-size:10px;
}

div#camBox table#camTbl td p.text{
margin:0 0 5px 0;
padding:0 0 0 5px;
height:33px;
color:#996600;
line-height:1.6;
font-size:10px;
}

div#camBox table#camTbl td p.name{
float:left;
color:#666666;
font-size:10px;
}

div#camBox table#camTbl td p.nextBtn{
float:right;
width:79px;
height:19px;
}



/*------------------------------------------------
   index.html
------------------------------------------------*/

div#indBox{
padding:20px 0 60px 0;
width:600px;
}

div#indBox p#lead,
div#indBox h2{
margin:0 0 5px 0;
padding:0 0 0 10px;
}

div#indBox p#lead02{
margin:0 0 25px 0;
padding:0 0 0 215px;
width:355px;
height:266px;
background:url(../recommend/img/ind_ill01.gif) no-repeat 20px top;
}

div#indBox p#lead03{
padding:0 0 0 5px;
}

div#indBox p#lead04{
margin:20px auto;
width:100%;
text-align:center;
font-size:16px;
font-weight:bold;
letter-spacing:2px;
}


div#indBox p#conBtn{
margin:30px 0 15px 0;
padding:0 15px 0 0;
text-align:right;
}


/* ul -------------------------------------------*/

div#indBox ul{
margin:0 0 15px 0;
padding:0 0 0 5px;
width;571px;
height:88px;
list-style-type:none;
}

div#indBox ul li{
float:left;
height:88px;
text-indent:-9999px;
}

div#indBox ul li a{
outline:none;
display:block;
height:88px;
}

div#indBox ul li.menu01,
div#indBox ul li.menu01 a{
width:147px;
background:url(../recommend/img/ind_bg01.gif) no-repeat -5px top;
}

div#indBox ul li.menu02,
div#indBox ul li.menu02 a{
width:144px;
background:url(../recommend/img/ind_bg01.gif) no-repeat -152px top;
}

div#indBox ul li.menu03,
div#indBox ul li.menu03 a{
width:126px;
background:url(../recommend/img/ind_bg01.gif) no-repeat -296px top;
}

div#indBox ul li.menu04,
div#indBox ul li.menu04 a{
width:154px;
background:url(../recommend/img/ind_bg01.gif) no-repeat -422px top;
}


/* titleArea ----------------------------------*/

div#indBox div#titleArea{
padding:20px 15px 15px 80px;
height:60px;
background:url(../recommend/img/cam_bg01.gif) no-repeat 10px top;
}

div#indBox div#titleArea h3{
float:left;
margin:0;
width:316px;
}

div#indBox div#titleArea p{
float:right;
width:160px;
}


/* textBox01Ind --------------------------------*/

div#indBox div#textBox01Ind{
	position:relative;
	margin:0 0 35px 10px;
	width:585px;
	height:271px;
	background:url(../recommend/img/cam_bg02.gif) no-repeat left top;
}

div#indBox div#textBox01Ind div.textArea{
	float:left;
	width:375px;
	margin: 0 0 20px 0;
}

div#indBox div#textBox01Ind div.textArea h4{
margin:6px 0 0 0;
padding:0 0 0 15px;
}

div#indBox div#textBox01Ind div.textArea p#preText{
position:absolute;
top:70px;
left:15px;
}

div#indBox div#textBox01Ind p.title{
	margin:7px 0 10px 0;
	padding:0 0 0 25px;
	color:#990000;
	line-height:1.2;
	font-weight:bold;
	font-size:18px;
}

div#indBox div#textBox01Ind p.author{
margin:0 0 5px 25px;
padding:7px 0 5px 0;
border-top:solid 1px #9b9b9b;
}

div#indBox div#textBox01Ind p.text{
margin:0 0 15px 0;
padding:0 10px 0 25px;
height:70px;
color:#996600;
line-height:1.4;
}

div#indBox div#textBox01Ind p.name{
float:left;
padding:3px 0 0 25px;
width:255px;
color:#666666;
font-size:12px;
}

div#indBox div#textBox01Ind p.nextBtn{
float:left;
width:79px;
height:19px;
}

div#indBox div#textBox01Ind p.pht{
float:right;
padding:25px 0 0 0;
width:193px;
}


/* textBox01 --------------------------------*/
div#indBox div#textBox01Top{
	position:relative;
	margin:0 0 0 10px;
	width:583px;
	height:13px;
	background:url(../recommend/img/cam_bg02ex_top.gif) no-repeat left top;
	padding: 0;
	font-size: 0px;
}

div#indBox div#textBox01{
	position:relative;
	margin:0 0 0 10px;
	width:585px;
	background:url(../recommend/img/cam_bg02ex.gif) repeat-y left top;
}

div#indBox div#textBox01 div.textArea{
	float:left;
	width:375px;
	margin: 0 0 20px 0;
}

div#indBox div#textBox01 div.textArea h4{
margin:6px 0 0 0;
padding:0 0 0 15px;
}

div#indBox div#textBox01 div.textArea p#preText{
position:absolute;
top:70px;
left:15px;
}

div#indBox div#textBox01 p.title{
	margin:7px 0 10px 0;
	padding:0 0 0 25px;
	color:#990000;
	line-height:1.4;
	font-weight:bold;
	font-size:18px;
}

div#indBox div#textBox01 p.author{
margin:0 0 5px 25px;
padding:7px 0 5px 0;
border-top:solid 1px #9b9b9b;
}

div#indBox div#textBox01 p.text{
margin:0 0 15px 0;
padding:0 10px 0 25px;
height:70px;
color:#996600;
line-height:1.4;
}

div#indBox div#textBox01 p.name{
float:left;
padding:3px 0 0 25px;
width:255px;
color:#666666;
font-size:12px;
}

div#indBox div#textBox01 p.nextBtn{
float:left;
width:79px;
height:19px;
}

div#indBox div#textBox01 p.pht{
float:right;
padding:25px 0 0 0;
width:193px;
}

div#indBox div#textBox01Bottom{
	position:relative;
	margin:0 0 35px 10px;
	width:583px;
	height:13px;
	background:url(../recommend/img/cam_bg02ex_bottom.gif) no-repeat left top;
	padding: 0;
}




/* indTbl -------------------------------------*/

div#indBox table#indTbl{
margin:25px 0 0 10px;
width:578px;
border:none;
border-collapse:collapse;
border-spacing:0;
background:url(../recommend/img/cam_bg03.gif) repeat-y left top;
}

table#indTbl th.tblTop{
height:12px;
background:url(../recommend/img/cam_bg04.gif) no-repeat left top;
}

table#indTbl th.tblBottom{
height:12px;
background:url(../recommend/img/cam_bg05.gif) no-repeat left top;
}

table#indTbl td{
vertical-align:top;
}

table#indTbl td.border{
border-bottom:solid 2px #999966;
}

table#indTbl td.leftBox{
padding:10px 15px 10px 15px;
width:254px;
}

table#indTbl td.rightBox{
padding:10px 25px 10px 15px;
width:254px;
}

table#indTbl td p.title{
	margin:0 0 7px 0;
	padding:0 0 7px 0;
	border-bottom:dashed 1px #9b9b9b;
	color:#990000;
	font-weight:bold;
	font-size:14px;
}

table#indTbl td p.author{
margin:0 0 10px 0;
padding:0 0 0 5px;
font-size:10px;
}

table#indTbl td p.text{
margin:0 0 5px 0;
padding:0 0 5px 5px;
color:#996600;
line-height:1.4;
font-size:10px;
}

table#indTbl td p.name{
float:left;
color:#666666;
font-size:10px;
}

table#indTbl td p.nextBtn{
float:right;
width:79px;
height:19px;
}



/*------------------------------------------------
   thanks.html
------------------------------------------------*/

div#main p#thanks{
padding:100px 0 150px 0;
text-align:center;
}