@charset "utf-8";

*{
margin:0px;
padding:0px;
}

body{
background-color:#fcfffc;
background:url("../../images/bg_topgrad.jpg") 0 0 repeat-x;
font-family:Verdana,sans-serif, "ヒラギノ角ゴ Pro W3",Osaka;
color:#333;
}

#bookmarks{
position:absolute;
top:10px;
margin:0;
padding:0;
text-align:right;
height:12px;
right:10px;
}

#bookmarks img{
margin:0;
padding:0 0 0 1px;
}

hr{
display:none;
}

img{
border:none;
}

#container{
margin:0 auto;
text-align:left;
width:879px;
}
strong , em{
text-decoration:none;
}

h1,h2,h3,h4,h5,h6{
font-weight:normal;
}

form{
text-align:left;
}

a{
text-decoration:none;
color:#09c;
}

a:hover{
text-decoration:underline;
color:#9c0000;
}

/*--------------------------------
header
--------------------------------*/
#header{
margin:15px 0 0 0;
width:879px;
}

#header h1{
float:left;
padding-left:13px;
}

#header p{
width:999px;
left:-999px;
position:absolute;
font-size:1px;
}

h3{
float:left;
color:#666;
}

#home_mail_icon{
float:right;
margin:30px 21px 0 0;
}

#fontswitcher{
float:right;
margin:34px 0 0 0;
}



/*--------------------------------
mainbox
--------------------------------*/
#topline{
background:url(../../images/bg_linetop.jpg) no-repeat;
width:879px;
height:17px;
}

#topline p{
padding:5px 0 0 30px;
color:#666;
font-size:10px;
}

#mainbox{
width:879px;
height:750px;
background:url(../../images/bg_linemiddle.jpg) repeat-y;
margin:1px 0 0 0;
z-index:1;
}

#mainbox_index{
width:879px;
height:1230px;
background:url(../../images/bg_linemiddle.jpg) repeat-y;
margin:1px 0 0 0;
z-index:1;
}

#mainbox_index .newsArchive{
font-size:9px;
font-weight:normal;
text-align:right;
}

#mainbox_shop{
width:879px;
background:url(../../images/bg_linemiddle.jpg) repeat-y;
margin:1px 0 0 0;
z-index:1;
}


#mainboxEps{
width:879px;
background:url(../../images/bg_linemiddle.jpg) repeat-y;
margin:1px 0 0 0;
z-index:1;
}

#bottom{
width:848px;
height:800px;
margin-right:auto;
margin-left:auto;
}

/*--------------------------------
leftbox
--------------------------------*/
#leftbox hr{
display:block;
}

#leftbox{
width:600px;
height:540px;
float:left;
top:30px;
position:relative;
}

#leftbox h4{
width:470px;
height:40px;
border:1px #eee solid;
background-color:#fcfffc;
left:47px;
position:relative;
font-size:12px;
color:#333;
padding:5px 0 5px 10px;
line-height:1.6em;
}
#leftbox h4 img{
padding:1px 5px 0 0;
}

#leftbox_sample{
width:850px;
height:465px;
background:url(../../images/bg_redball.jpg) 50% 70% no-repeat;
}

#leftbox_sample p.center{
text-align:center;
margin-left:auto;
margin-right:auto;
line-height:1.6em;
color:#333;
font-family:Verdana,sans-serif, "ヒラギノ角ゴ Pro W3",Osaka;
}

#leftbox_sample_only{
width:850px;
height:465px;
background:url(../../images/bg_redball_only.jpg) 50% 60% no-repeat;
}

#leftbox_sample_only h4{
top:80px;
text-align:center;
position:relative;
}
#leftbox_sample_only dt{
text-align:center;
line-height:1.3em;
color:#333;
font-family:Verdana,sans-serif, "ヒラギノ角ゴ Pro W3",Osaka;
font-size:12px;
}

#leftbox_sample_only dd{
width:80px;
left:-999px;
position:absolute;
}

#leftbox_sample_only h4.chodo{
top:5px;
}

#leftbox_sample_only h4.shokubutsu{
top:55px;
}

#leftbox_sample_only h4.shizen{
top:85px;
}

#leftbox_sample_only h4.shizen, #leftbox_sample_only h4.shokubutsu, #leftbox_sample_only h4.chodo, #leftbox_sample_only h4.center{
font-size:1em;
}


#leftbox_sample_only p{
text-align:center;
line-height:1.3em;
color:#333333;
font-family:Verdana,sans-serif, "ヒラギノ角ゴ Pro W3",Osaka;
}

table{
text-align:center;
}

.tables_chodo{
top:20px;
position:relative;
padding-left:30px;
}

.tables_moyo{
top:105px;
position:relative;
padding-left:30px;
}

.tables_busho{
top:105px;
position:relative;
padding-left:30px;
}

.tables_hana{
top:105px;
position:relative;
padding-left:30px;
}

.tables_dobutsu{
top:105px;
position:relative;
padding-left:30px;
}

.tables_shizen{
top:135px;
position:relative;
padding-left:30px;
}

.tables_shokubutsu{
top:75px;
position:relative;
padding-left:30px;
}
/*--------------------------------
leftbox_left
--------------------------------*/
#leftbox_left{
width:250px;
float:left;
padding:95px 0 0 50px;
}
#leftbox_left h5{
padding-left:10px;
background:url(../../images/icon_triangle.jpg) 0 50% no-repeat;
font-size:15px;
font-weight:bold;
color:#666;
line-height:1.6em;
font-family:"Century Gothic", "Gill Sans Std Light", Osaka;
}
#leftbox_left h6{
font-weight:bold;
font-size:14px;
color:#000;
line-height:1.8em;
}
#leftbox_left p{
font-size:11px;
color:#333;
margin:0 0 7px 0;
}

#leftbox_left .date{
color:#999;
font-size:10px;
}

/*--------------------------------
leftbox_right
--------------------------------*/
#leftbox_right{
width:250px;
float:left;
padding:98px 0 0 30px;
}
#leftbox_right h5{
padding-left:10px;
background:url(../../images/icon_triangle.jpg) 0 50% no-repeat;
font-size:15px;
font-weight:bold;
color:#666;
line-height:1.6em;
font-family:"Century Gothic", "Gill Sans Std Light", Osaka;
}
#leftbox_right dt{
font-weight:bold;
font-size:14px;
color:#000;
line-height:1.8em;
}
#leftbox_right dd{
font-size:11px;
color:#333;
background:url(../../images/icon_dots.gif) 0 3px no-repeat;
text-indent:10px;
line-height:1.4em;
margin-bottom:15px;
}

/*--------------------------------
rightbox
--------------------------------*/
#rightbox{
width:250px;
float:right;
padding-right:15px;
}
/*--------------------------------
intro_box
--------------------------------*/
#intro_box{
width:760px;
height:540px;
background:url(../../images/bg_kikyo.jpg) 50% 30% no-repeat;
margin-left:auto;
margin-right:auto;
top:40px;
position:relative;
}
#intro_box hr{
display:block;
}
#intro_box h4{
padding-left:10px;
background:url(../../images/icon_triangle.jpg) 0 50% no-repeat;
font-size:14px;
font-weight:bold;
color:#666;
line-height:1.6em;
}

#intro_box #intro_box_left p{
font-family:Georgia, "Times New Roman", Times, serif;
background:url(../../images/list_frame.gif) 0 0 no-repeat;
border-bottom:1px solid #666;
font-size:20px;
margin-bottom:5px;
line-height:0.8em;
padding:6px 0 4px 18px;
color:#333;
}

#intro_box h5{
padding-left:18px;
background:url(../../htdocs/collabo/images/mitsudomoe.gif) 0 50% no-repeat;
font-size:15px;
font-weight:bold;
color:#333;
line-height:1.6em;
}

#intro_box p{
font-size:12px;
color:#666;
line-height:1.8em;
padding:10px 0 0 0;
}
#intro_box img{
float:left;
padding:0 8px 3px 0;
}
#intro_box .fontSize12{
font-size:24px;
}
#intro_box_left{
padding:0 20px 0 0;
width:145px;
float:left;
}

#intro_box_right{
width:370px;
float:left;
}

#intro_box_right h6{
color:#333;
font-size:18px;
margin-top:10px;
}

#intro_box_right p.collaboLink{
border-top:1px dashed #666;
}



/*--------------------------------
collabo_box
--------------------------------*/
#collabo_box{
width:750px;
height:540px;
background:url(../../images/bg_ageha.jpg) 50% 30% no-repeat;
margin-left:auto;
margin-right:auto;
top:60px;
position:relative;
}

#collabo_box hr{
display:block;
}

#collabo_box img{
float:left;
margin:0 7px 2px 0;
}

#collabo_box h5{
padding-left:10px;
background:url(../../images/icon_triangle.jpg) 0 50% no-repeat;
font-size:15px;
font-weight:bold;
color:#666;
line-height:1.6em;
}

#collabo_box h6{
font-style:normal;
font-family:"ヒラギノ角ゴ Pro W3", Osaka;
background:url(../../htdocs/collabo/images/mitsudomoe.gif) 0 3px no-repeat;
font-size:16px;
padding:0 0 5px 20px;
border-bottom:dotted 2px #999;
width:205px;
}

#collabo_box table{
text-align:left;
padding-top:20px;
margin:0 auto;
}

#collabo_box p{
font-size:12px;
line-height:1.8em;
padding:10px 5px 0 0;
color:#666;
}

/*--------------------------------
link_box
--------------------------------*/
#link_box{
width:750px;
height:540px;
background:url(../../images/bg_mokkou.jpg) 50% 30% no-repeat;
margin-left:auto;
margin-right:auto;
top:60px;
position:relative;
}

#link_box table{
text-align:left;
padding-top:20px;
margin:0 auto;
}

#link_box td{
padding:0 10px 10px 0;
}

#link_box p{
font-size:10px;
line-height:1.6em;
background:url(../../images/icon_triangle.jpg) 80px 8px no-repeat;
padding-top:5px;
color:#666;
}

#link_box img{
float:left;
border:1px solid #666;
padding:1px;
margin:0 7px 2px 0;
}

#link_box address{
display:block;
font-style:normal;
font-weight:bold;
font-family:"Century Gothic", "Gill Sans Std Light", Osaka;
font-size:16px;
}

#link_box hr{
display:block;
}

#link_box h5{
padding-left:10px;
background:url(../../images/icon_triangle.jpg) 0 50% no-repeat;
font-size:15px;
font-weight:bold;
color:#666;
line-height:1.6em;
}

/*------------------------
for kikaku
------------------------*/

#kikakuContainor{
width:370px;
padding:30px 0 0 30px;
}

#kikakuContainor .description{
font-size:12px;
color:#333;
line-height:1.4em;
text-align:left;
margin-top:15px;
}

#kikakuContainor .close_this{
text-align:right;
margin:20px 0 20px 0;
}

/*--------------------------------
epsData
--------------------------------*/
#epsData{
width:800px;
margin-left:auto;
margin-right:auto;
padding-top:15px;
}

#epsData p{
color:#333;
font-size:12px;
line-height:1.6em;
}

#epsData p.count{
color:#9c0000;
font-size:12px;
line-height:1.6em;
}

#epsData p.indexExp img{
float:right;
padding:1px;
border:1px solid #666;
}

#epsData #columnLeft{
width:142px;
margin:50px 0 0 50px;
float:left;
}

#epsData .epsSearch{
margin:10px 0 20px 0;
width:140px;
height:52px;
border:1px solid #9FB39F;
background-color:#E9FFE9;
}

#epsData .machiukeSearch{
margin:10px 0 20px 0;
width:140px;
height:31px;
border:1px solid #ffff80;
background-color:#ffffee;
}

#epsData .machiukeSearch form{
margin:3px 0 0 7px;
}

#epsData .epsSearch form{
margin:3px 0 0 7px;
}

#epsData .epsSearch p{
font-size:9px;
margin:9px 0 2px 7px;
}

#epsData .epsMenu{
margin:5px 0 0 5px;
}


#epsData ul{
font-size:14px;
line-height:1.4em;
list-style-type:none;
}

#epsData li{
background:url(../../images/icon_triangle.jpg) 0 50% no-repeat;
padding-left:12px;
}

#epsData h4{
font-family:Georgia, "Times New Roman", Times, serif;
background:url(../../images/list_frame.gif) 0 0 no-repeat;
padding:4px 0 0 18px;
border-bottom:1px solid #666;
font-size:20px;
}

#epsData .epsTitle{
font-size:14px;
border-left:4px solid #c30;
color:#333;
margin-top:25px;
}

#epsData .epsIcons{
margin-bottom:10px;
}

#epsData .epsIcons img{
margin:2px 2px 3px 2px;
}

#epsData .epsIcons .epsIndividual{
text-align:center;
}

#epsData .epsIcons h5{
font-size:1.1em;
margin:0 0 10px 0;
}

#epsData .epsIcons h5.individualTitle{
font-size:1.1em;
border-bottom:1px solid #999;
padding-bottom:5px;
margin:20px 0 10px 0;
}

#epsData .epsIcons .epsIndividual li{
display:inline;
background:none;
padding:0;
margin:0;
font-size:0.7em;
color:#999;
}


#epsData p.right{
text-align:right;
}

#epsData .red{
font-size:12px;
color:#9c0000;
}

#epsData #columnRight{
width:484px;
float:left;
margin:20px 0 0 40px;
}

#epsData #columnRight .epsUnit{
width:470px;
height:18px;
background-color:#f5ffff;
border-left:1px solid #666;
border-right:1px solid #666;
border-bottom:1px solid #666;
margin:0 0 0 5px;
padding:2px 0 0 2px;
}

#epsData #columnRight h5.hana{
font-size:34px;
border-bottom:1px solid #666;
margin-top:10px;
padding:0 0 1px 39px;
background:url(../../images/titleKikyo.gif) 0 2px no-repeat; 
}

#epsData #columnRight h5.dobutsu{
font-size:34px;
border-bottom:1px solid #666;
margin-top:10px;
padding:0 0 1px 41px;
background:url(../../images/titleAgeha.gif) 0 2px no-repeat; 
}

#epsData #columnRight h5.shokubutsu{
font-size:34px;
border-bottom:1px solid #666;
margin-top:10px;
padding:0 0 1px 39px;
background:url(../../images/titleAoi.gif) 0 2px no-repeat; 
}

#epsData #columnRight h5.shobu{
font-size:34px;
border-bottom:1px solid #666;
margin-top:10px;
padding:0 0 1px 39px;
background:url(../../images/titleKarauchiwa.gif) 0 2px no-repeat; 
}

#epsData #columnRight h5.shizen{
font-size:34px;
border-bottom:1px solid #666;
margin-top:10px;
padding:0 0 1px 39px;
background:url(../../images/titleSuhama.gif) 0 2px no-repeat; 
}

#epsData #columnRight h5.chodo{
font-size:34px;
border-bottom:1px solid #666;
margin-top:10px;
padding:0 0 1px 39px;
background:url(../../images/titleIgeta.gif) 0 2px no-repeat; 
}

#epsData #columnRight h5.monyo{
font-size:34px;
border-bottom:1px solid #666;
margin-top:10px;
padding:0 0 1px 39px;
background:url(../../images/titleTomoe.gif) 0 2px no-repeat; 
}

#epsData #columnRight p{
font-size:14px;
padding:10px 0 10px 4px;
line-height:1.6em;
}

#epsData #columnRight .samples{
float:left;
margin-right:6px;
text-align:center;
}

#epsData #columnRight .samples img{
border:3px solid #999;
}

#epsData #columnRight .samples img:hover{
border:3px solid #333;
}

#adwordsBox_rectEps{
background:url(../../images/adwordBox2.gif) 0 0 no-repeat;
width:484px;
height:76px;
padding:10px 0 0 8px;
}

#adwordsBoxInclude{
background:url(../../images/adwordBoxInclude.gif) 0 0 no-repeat;
width:484px;
height:205px;
padding:2px 6px;
margin-top:10px;
}

/*--------------------------------
machiuke
--------------------------------*/

#epsData #machiukeColumnRight{
width:150px;
margin:28px 20px 0 0;
float:right;
}

#epsData #machiukeColumnLeft #machiukeIndex{
margin-top:10px;
}

#epsData #machiukeColumnLeft #machiukeIndex img{
border:none;
margin:0 10px 30px 0;
}

#epsData #machiukeColumnRight #qr{
margin-top:25px;
}

#epsData #machiukeColumnRight #qr img{
margin:5px 0 0 2px;
}


#epsData .machiukeMenu{
margin:5px 0 0 5px;
}

#epsData #machiukeColumnLeft{
width:515px;
float:left;
margin:20px 0 0 30px;
}

#epsData #machiukeColumnLeft img{
margin:10px 4px 0 0;
border:2px solid #ccc;
float:left;
}

#epsData #machiukeColumnLeft img:hover{
border:2px solid #666;
}

#epsData #machiukeColumnLeft #mList img{
display:block;
float:none;
}

#epsData #machiukeColumnLeft #mList p{
text-align:center;
float:left;
}


#epsData #machiukeColumnLeft h5{
background:url(../../images/icon_mobile.jpg) 0 0 no-repeat;
padding:0 0 3px 37px;
border-bottom:1px solid #333;
font-size:1.6em;
}

#epsData .machiukeList li{
display:inline;
background:none;
padding:0;
margin:0;
font-size:0.7em;
color:#999;
}
#epsData .machiukeList{
text-align:center;
}

#epsData #machiukeEntryLeft{
float:left;
}

#epsData #machiukeEntryLeft form{
background-color:#FFFFCC;
width:240px;
height:25px;
padding:2px 0 0 5px;
margin-bottom:20px;
}

#epsData #machiukeEntryLeft img{
float:none;
margin:10px 10px 5px 0;
}

#epsData #machiukeEntryLeft img:hover{
border:2px solid #ccc;
}

#epsData #machiukeEntryRight{
margin:10px 0 20px 0;
width:235px;
float:left;
}

#epsData #machiukeEntryRight .machiukeAd{
background:url(../../images/machiukeBox.gif) 0 0 no-repeat;
padding:28px 20px;
height:215px;
margin-top:10px;
}

#epsData #machiukeSearch{
background-color:#ffffcc;
width:390px;
margin-bottom:35px;
padding-left:120px;
top:20px;
position:relative;
}

/*--------------------------------
affiliate
--------------------------------*/
#affiliate{
width:848px;
height:154px;
padding:30px 0 0 70px;
overflow:auto;
}

#UnitIndi{
background:url(../../images/adwordBox468x15.gif) 0 0 no-repeat;
width:475px;
height:22px;
padding:3px 0 0 5px;
margin:5px 0 0 0;
}

#adwordsBox_intro{
top:404px;
left:132px;
position:absolute;
}

#adwordsBox120x240{
width:160px;
height:300px;
margin:10px 0 0 0;
padding:27px 0 0 24px;
background:url(../../images/adwordsBox_120x240.gif) 0 0 no-repeat;
float:right;
}

#amazonBox{
float:right;
}

#amazonBox img{
padding:1px;
border:3px solid #ccc;
margin:0 0 0 20px;
}

#amazonBox img:hover{
border:3px solid #666;
}

#amazonBox table{
font-size:0.8em;
}

#adwordsBox120x90{
margin-top:1px;
padding:0 0 0 10px;
background:url(../../images/icon_triangle.jpg) 0 5px no-repeat;
}

#archiveBox #adwordsBox{
width:490px;
margin:55px 0 20px 168px;
}

#archiveBox #adwordsBox #adwordsBox_rect{
background:url(../../images/adwordBox.gif) 0 0 no-repeat;
height:76px;
padding:10px 0 0 10px;
}

.topAffiliate{
width:468px;
margin-left:7px;
z-index:10;
}

#linkshare_4{
top:130px;
right:40px;
position:absolute;
}

.resultAdsBox{
width:791px;
height:25px;
background-color:#eee;
margin-bottom:20px;
border-left:7px solid #999;
}

.resultAds{
width:712px;
margin:0 auto;
padding:5px 0;
}

#searchBar{
top:182px;
width:255px;
margin-left:47px;
position:absolute;
text-align:left;
z-index:1;
border:1px solid #baccba;
background-color:#E9FFE9;
}

#searchBarIndi{
width:225px;
margin:0 0 5px 480px;
border:1px solid #baccba;
background-color:#E9FFE9;
}

#topAffiliateBox{
width:482px;
height:15px;
margin-left:47px;
top:95px;
padding:4px 0 3px 0;
position:absolute;
background-color:#eee;
z-index:10;
}

#rakutenAds{
margin:30px 0 0 105px;
}

#rakutenAds .rakutenProducts{
width:350px;
height:90px;
float:left;
}

#rakutenAds .rakutenProducts img{
display:block;
float:left;
border:3px solid #999;
padding:1px;
}

#rakutenAds .rakutenProducts img:hover{
border:3px solid #333;
}

#rakutenAds .rakutenProducts p{
font-size:0.8em;
width:220px;
float:left;
margin:0 0 0 5px;
}


/*--------------------------------
underIndex
--------------------------------*/
#underIndex_top{
margin-top:15px;
background:url(../../images/undertop_top.jpg) 0 0 no-repeat;
width:500px;
height:30px;
margin-left:auto;
margin-right:auto;
}

#underIndex_middle{
background:url(../../images/undertop_middle.jpg) 0 0 repeat-y;
width:500px;
height:546px;
margin-left:auto;
margin-right:auto;
}

#underIndex_middle h6{
font-weight:bold;
border-left:#661a00 solid 3px;
margin:0 100px 0 100px;
color:#333;
font-size:9px;
}

#underIndex_middle p{
margin:0 100px 0 100px;
margin-bottom:8px;
color:#555;
text-indent:5px;
font-size:9px;
}

#underIndex_middle table{
margin-left:100px;
}

#underIndex_bottom{
background:url(../../images/undertop_bottom.jpg) 0 0 no-repeat;
margin-bottom:105px;
width:500px;
height:30px;
margin-left:auto;
margin-right:auto;
}

/*--------------------------------
footer
--------------------------------*/
#bottomline{
background:url(../../images/bg_linebottom.jpg) no-repeat;
width:879px;
height:1px;
}

#footer{
text-align:right;
font-size:x-small;
background:url(../../images/bg_linebottom_grad.jpg) 0 0 no-repeat;
width:879px;
height:40px;
}


#footer a{
text-decoration:none;
color:#666;
}

#footer p{
padding:5px 15px 30px 0;
}

#footer img{
margin:5px 0 5px 7px;
}



/*--------------------------------
search error
--------------------------------*/
#error{
text-align:center;
padding:30px 0 30px 0;
}
/*--------------------------------
others
--------------------------------*/
#archiveBox{
width:850px;
height:465px;
background:url(../../images/bg_redball_only.jpg) 50% 60% no-repeat;
}

#archiveBox .toDataEps{
padding:0 0 0 10px;
font-size:0.9em;
}

#archiveBox .centering{
padding:3px 0 0 120px;
width:655px;
}

#archiveBox .centering dt{
width:150px;
text-align:center;
float:left;
}

#archiveBox p{
font-size:0.8em;
color:#666;
text-align:right;
}

#archiveBox dt{
font-size:0.9em;
color:#333;
padding-top:5px;
}

#archiveBox dd{
font-size:0.8em;
color:#333;
line-height:1.8em;
padding-top:5px;
}


.clear{
clear:both;
}

.backBtn{
left:-40px;
top:220px;
color:#ccc;
border:1px solid #ccc;
position:absolute;
}

.nextBtn{
left:770px;
top:220px;
color:#ccc;
border:1px solid #ccc;
position:absolute;
}

div#toolTip{
position:absolute;
z-index:1000;
width:auto;
background:#eee;
border-left: solid 3px #c30;
border-bottom: dashed 1px #c30;
text-align:left;
padding:3px 7px 2px 7px;
line-height:1.5em;
}

div#toolTip p{
margin:0;
padding:0;
color:#000;
font:10px Verdana, Arial, Helvetica, sans-serif;
}

div#toolTip p em {
margin-top:3px;
color:#fff;
font-style:normal;
font-weight:bold;
}

.epsButton{
width:97px;
height:97px;
top:110px;
padding-left:530px;
position:absolute;
}

#adwordsBoxHover{
width:468px;
height:60px;
border:3px solid #999;
margin:5px 0 30px 4px;
}

#gAds_crest_300x250, #gAds_crest_200x200 {
text-align:right;
margin:10px 0;
}

#adwordsBoxHover:hover{
border:3px solid #333;
}

#epsData #switch{
text-align:center;
}

#epsData #switch h4{
font-family:Georgia, "Times New Roman", Times, serif;
background:url(../../images/list_frame.gif) 95px 0 no-repeat;
padding:4px 0 5px 8px;
border-bottom:1px solid #666;
font-size:20px;
margin:50px 0 30px 0;
}

#epsData #switch p{
font-size:1.2em;
padding:0 0 35px 0;
}