/*----------------------------------------------------------
   esthome
-----------------------------------------------------------*/

/*setting
------------------------------------*/



body#index{
/*
background: #3a3a3a url('/images/bgbody_2nd.jpg') center top repeat-x;
background: #eeeeee url('/images/bgbody_3rd.jpg') center top repeat-x;
*/
background: #ffffff url('/images/bgbody/004.jpg') center top repeat-x;
}


/*
body#index{
background: #ffffff url('/images/bgbody_15man.jpg') center top repeat-x;
background: #ffffff url('/images/bgbody_s/rotator.php') center top repeat-x;
}
*/

body{
/*
background: #3a3a3a url('/images/bgbody_2nd.jpg') center top repeat-x;
*/
background: #ffffff url('/images/bgbody/004.jpg') center top repeat-x;
font-size: 12px;
line-height: 150%;
height:100%;
color: #444444;
}

body#camp{
background: #1d2e5b url('/images/bgbody_camp3.jpg') center top repeat-x;
}

body#jes{
background: #000000;
}

html{
height:100%;
}

* html div#outline{
height:100%;
}

a:hover img{
opacity:0.7;
filter: alpha(opacity=70);
}


/* Link Color
--------------------------------*/
a:link {
color:#000099;
text-decoration:underline;
}

a:visited {
color:#000099;
text-decoration:underline;
}

a:hover {
color:#3366CC;
text-decoration:underline;
}

a:active {
color:#3366CC;
}


/*outline
------------------------------------*/
#outline{
position:relative;
min-height: 100%;
}

body > #ouline{
height: auto;
}

#non_footer{
padding-bottom:110px;
}



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

#header{
margin-left: auto;
margin-right: auto;
width: 840px;
padding: 0;
height: 55px;
}

#header h1{
margin: 0;
padding: 0;
color: #ffffff;
font-size: 10px;
font-weight: normal;
margin: 0 0 0 0 ;
width: 600px;
float: left;
margin-top: 10px;
}

#header h1 img{
float: left;
margin-top: 0px;
margin-right: 10px;
}

#header_info{
width: 410px;
text-align: right;
float: right;
margin-top: 10px;
color: #ffffff;
}

#header_info img{
}


/*top_main_space
------------------------------------*/
#top_main_space{
margin-left: auto;
margin-right: auto;
width: 840px;
height:30px;
}


body#index #top_main_space{
height: 275px;
}






/*menu
------------------------------------*/
#menu{
margin-left: auto;
margin-right: auto;
width: 840px;
clear: both;
height: 70px;
margin-bottom: 0px;
vertical-align: bottom;
background: url('/images/menu/menu_bg.gif') top no-repeat;
}

#menu ul{
margin: 0;
padding: 0;
}

#menu ul li{
margin: 0;
padding: 0;
float: left;
list-style-type: none;
line-height: 0;
background: url('/images/white.gif') bottom repeat-x;
}


/*content
------------------------------------*/
#content{
margin-left: auto;
margin-right: auto;
width: 800px;
padding: 10px 20px 0px 20px;
font-family: sans-serif;
clear: both;
background: #ffffff;
}

#main_content{
width: 580px;
float: right;
}

#side_content{
width: 200px;
float: left;
}


/*main_content
------------------------------------*/
#content h2{
margin: 0;
padding: 0;
margin-bottom: 20px;
}

#main_content h3{
background: url('/images/bg_h3.gif') no-repeat;
height: 28px;
padding: 8px 10px 0px 44px;
font-size: 14px;
margin-bottom: 10px;
color: #ffffff;
}

body#jes #content h3{
background: url('/images/jes/bg_h3.gif') no-repeat;
height: 30px;
padding: 10px 10px 0px 50px;
font-size: 14px;
margin: 0 15px 10px 15px;
color: #ffffff;
}

#main_content p{
padding: 0 15px 0 15px;
}

body#jes #content p{
padding: 0 30px 0 30px;
}


#main_content dl.blog_article{
margin-top: 0;
padding-top: 0;
}

#main_content dl.blog_article dt{
float: left;
width: 120px;
}

div.videobox{
margin: 0 15px 0 15px;
}

#top_point{
text-align: center;
}

/*products
------------------------*/
table.no_border{
width: 760px;
}

table.no_border td{
padding: 0px 8px;
border: 0px;
}

table.no_border_s{
border:none;
text-align:center;
margin:0px auto;
}

table.no_border_s td{
border:none;
padding: 0px 8px;
border: 0px;
}

table.products_fla{
margin: 0 15px 0 15px;
width: 760px;
}

table.products_fla td{
border: 1px solid #fff;
padding: 4px;
text-align: center;
}

table.products_fla tr.yen td {
font-size: 16px;
font-weight: bold;
color: #000000;
background: #ffffff;
}

table.products_fla tr.yen td span{
font-size: 9px;
font-weight: normal;
}



table.products_info{
margin: 0 15px 0 15px;
width: 760px;
}

table.products_info th{
border: 0;
padding: 4px;
background: #eeeeee;
font-weight: bold;
border: 1px solid #cccccc;
}

table.products_info td{
border: 1px solid #cccccc;
padding: 4px;
text-align: center;
}






table.products_ac{
margin: 0 15px 0 15px;
width: 760px;
}

table.products_ac th{
padding: 4px;
background: #eeeeee;
text-align: center;
font-weight: bold;
border: 1px solid #cccccc;
}

table.products_ac td{
border: 1px solid #cccccc;
padding: 4px;
text-align: center;
vertical-align: top;
}

table.products_ac tr.yen td {
font-size: 16px;
font-weight: bold;
color: #000000;
background: #ffffff;
}

table.products_ac tr.yen td span{
font-size: 9px;
font-weight: normal;
}





div.videobox{
text-align: center;
}


ul.list{
margin-left: 15px;
padding-left: 15px;
margin-right: 15px;
padding-right: 15px;
}

ul.list li{
list-style-type: square;
}

/*company
-------------------*/

table.profile{
width: 550px;
margin: 0 15px 0 15px;
}

table.profile th,
table.profile td{
border: none;
border-bottom: 1px solid #cccccc;
}


/*faq
-------------------*/

dl.faq dt{
margin-bottom: 10px;
background: url('/images/q_faq.gif') top left no-repeat;
font-weight: bold;
padding-left: 30px;
font-size: 12px;;
border-bottom: 1px dashed #cccccc;
}

dl.faq dd{
padding-left: 30px;
margin-bottom: 40px;
margin-left: 0;
background: url('/images/a_faq.gif') top left no-repeat;
}


/*credit
-------------------*/

dl.credit{
margin: 0;
padding: 0;
}

dl.credit dt{
background: #5E5E5E;
color: #ffffff;
font-weight: bold;
padding: 5px;
margin-bottom: 5px;
clear: both;
}

dl.credit dd{
margin-bottom: 10px;
}

div.go_telecom{
background: #FFCC00;
border: 1px solid #cccccc;
padding: 20px;
margin-bottom: 15px;
color: #000000;
}

div.go_telecom input.money{
font-size: 18px;
font-weight: bold;
margin-top: 10px;
}

/*info form
-------------------*/
fieldset{
margin: 10px 15px 10px 15px;
}

fieldset dl{
margin: 0;
}

fieldset dl dt{
width: 150px;
float: left;
padding: 10px 0 10px 0;
clear: both;
font-weight: bold;
}

fieldset dl dd{
padding: 10px 0 10px 0;
margin: 0;
border-bottom: 1px solid #cccccc;
padding-left: 170px;
}

fieldset dl dd span{
color: #FF6600;
font-weight: bold;
}

input.submit{
padding: 10px;
margin: 5px;
}

fieldset textarea{
width: 350px;
}

/*cost
-------------------*/
table.cost{
margin-left: 15px;
margin-right: 15px;
width: 550px;
}

table.cost th{
border: 1px solid #cccccc;
text-align: center;
background: #FEF8E9;
}

table.cost td{
border: 1px solid #cccccc;
text-align: center;
}


/*mailmagazine
-------------------*/
div.sample{
padding: 10px;
background: #EAF3F7;
border: 1px solid #cccccc;
margin: 15px;
}

/*jes
-------------------*/

table.jesitem{
width: 740px;
margin: 0 30px 10px 30px;
}

table.jesitem td,
table.jesitem th{
border: 1px solid #cccccc;
}

table.jesitem th{
background: #ffcc00;
width: 150px;
font-weight: bold;
color: #000000;
}

table.jesitem td.text{
text-align: left;
}

table.jesitem td.cost{
font-size: 10px;
text-align: center;
}

table.jesitem td.cost span{
font-size: 16px;
font-weight: bold;
color: #CC0000;
}

h4 img.buy{
float: right;
}


/*side_content
------------------------------------*/

#side_content img.bn{
/*margin-bottom: 5px;*/
}

/*info_box
-------------------*/
#info_box{
padding: 10px;
border: 1px solid #cccccc;
background: #eeeeee;
}




/*footer
------------------------------------*/
#footer{
background: url('/images/bg_footer.gif');
position: absolute;
bottom: 0;
height: 110px;
width: 100%;
font-family: sans-serif;
clear: both;
}

#footer_inner{
margin-left: auto;
margin-right: auto;
background: url('/images/bg_footer_inner.gif');
height: 90px;
width: 840px;
padding: 20px 20px 0px 20px;
vertical-align: bottom;
}

#footer_inner ul#text_menu{
margin: 0;
padding: 0;
}

#footer_inner ul#text_menu li{
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}

#footer_inner ul#sub_menu{
margin: 0;
padding: 0;
clear: both;
}

#footer_inner ul#sub_menu li{
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}

#footer_inner img{
float: left;
}

#footer_inner div.copyright{
font-family: Arial;
color: #666666;
width: 300px;
float: left;
padding-top: 15px;
font-size: 10px;
}

#link_area{
width: 600px;
float: right;
}

/* footer Link Color
--------------------------------
#footer a:link {
color:#ffffff;
text-decoration:underline;
}

#footer a:visited {
color:#ffffff;
text-decoration:underline;
}

#footer a:hover {
color:#FFCC66;
text-decoration:underline;
}

#footer a:active {
color:#FFCC66;
}
*/

/*common
------------------------------------*/
img.img_right{
float: right;
margin: 0px 15px 10px 10px;
}

img.img_left{
float: left;
margin: 0px 10px 10px 15px;
}

img.photo{
padding: 3px;
background: #ffffff;
border: 1px solid #cccccc;
}

p.clear{
clear: both;
}

.text_right{
text-align: right;
margin: 7px 0 10px 0;
}

.textlink{
background: url('/images/bg_textlink.gif') left no-repeat;
padding: 0 0 0 15px;
}

strong{
font-weight: normal;
}

span.yellow{
border: 1px solid #cccccc;
background: #FFCC00;
padding: 5px;
margin-bottom: 5px;
font-size: 10px;
}

h4{
font-size: 12px;
border-bottom: 1px solid #cccccc;
border-top: 1px solid #cccccc;
padding: 5px;
padding-left: 20px;
background: #F8F5ED;
margin-bottom: 10px;
clear: both;
}


body#jes h4{
font-size: 12px;
border-bottom: 1px solid #cccccc;
border-top: 1px solid #cccccc;
padding: 5px;
padding-left: 20px;
background: #F8F5ED;
margin: 0 15px 10px 15px;
clear: both;
}


body#camp h4{
color: #FF6600;
font-size: 16px;
padding-left: 70px;
border: none;
height: 50px;
margin: 0;
margin-top: 20px;
}

body#camp h4.c001 {
background: url('/images/h4_camp_001.gif') no-repeat;
}
body#camp h4.c002 {
background: url('/images/h4_camp_002.gif') no-repeat;
}
body#camp h4.c003 {
background: url('/images/h4_camp_003.gif') no-repeat;
}
body#camp h4.c004 {
background: url('/images/h4_camp_004.gif') no-repeat;
}
body#camp h4.c005 {
background: url('/images/h4_camp_005.gif') no-repeat;
}
body#camp h4.c006 {
background: url('/images/h4_camp_006.gif') no-repeat;
}
body#camp h4.c007 {
background: url('/images/h4_camp_007.gif') no-repeat;
}
body#camp h4.c008 {
background: url('/images/h4_camp_008.gif') no-repeat;
}

body#camp p{
margin: 0;
padding: 0px 15px 10px 80px;
}

#campbox{
background: url('/images/bg_campbox.gif') repeat-x;
padding: 20px;
border: 1px solid #BBE8BB;
}

b.red{
font-weight: normal;
color: #CC0000;
}

b.orange{
font-weight: normal;
color: #FF6600;
}

b.bold{
font-weight: bold;
}

b.big{
font-size: 16px;
}

div.notice{
background: #FFF7D0;
border: 1px solid #cccccc;
margin: 15px;
padding-top: 10px;
}

body#jes div.notice{
background: #FFF7D0;
border: 1px solid #cccccc;
margin: 0 15px 10px 15px;
padding-top: 10px;
}

body#jes div.notice h4{
margin: 0;
margin-bottom: 10px;
}


body #twtr-widget-1 h3{
background: none;
padding: 0px;
font-size: 12px;
margin-bottom: 0px;
color: #ffffff;
height: 12px;
clear: none;
}

body #twtr-widget-1 h4{
font-size: 12px;
border-bottom: 0px solid #cccccc;
border-top: 0px solid #cccccc;
padding: 0px;
padding-left: 0px;
background: #F8F5ED;
margin-bottom: 0px;
height: auto;
clear: none;
}


body#camp #twtr-widget-1 h3{
background: none;
padding: 0px;
font-size: 12px;
margin-bottom: 0px;
color: #ffffff;
height: 12px;
clear: none;
}

body#camp #twtr-widget-1 h4{
font-size: 12px;
border-bottom: 0px solid #cccccc;
border-top: 0px solid #cccccc;
padding: 0px;
padding-left: 0px;
background: #F8F5ED;
margin-bottom: 0px;
height: auto;
clear: none;
}

.twtr-hd{

}

/* メニューエフェクト用カーソルポインタ変更処理
-------------------------------------------------*/
.accordion_head {
cursor: pointer;
/*margin-bottom: 5px;*/
}