@charset "UTF-8";
/*
-----------------------------------------------
BOstudio templete style
version: 2007-04
----------------------------------------------- */


/* INDEX
-------------------------------------------
1. main layout
2. navigation
3. link style
4. common parts
-------------------------------------------*/


/* 1. main layout
-------------------------------------------*/
body{
background:url(../imgs/bg_body.jpg) 0 0 repeat-x;
color:#333;
font-size:90%;
line-height:1.6;
}

#wrapper{
margin:0 auto;
padding:0px;
width:820px;
background:url(../imgs/bg_wrapper2nd.jpg) 0 0 repeat-y;
}
#wrapper2nd{
margin:0 auto;
padding:0px 4px;
width:812px;
background:url(../imgs/bg_wrapper.jpg) 0 0 no-repeat;
}

#header{
margin:0px;
padding:0px;
width:812px;
}
#contents{
margin:0px;
padding:0px;
width:812px;
background:url(../imgs/bg_contents.jpg) 2px 0 no-repeat;
}

#home #maincol{
float:left;
margin:0px;
padding:0px 26px 0px 29px;
width:502px;
}
#second #maincol{
float:right;
margin:0px;
padding:0px 31px;
width:515px;
}
#form #maincol{
margin:0px auto;
padding:30px 0px 0px;
width:780px;
}

#home #subcol{
float:right;
padding:0px 16px 0px 0px;
width:239px;
}
#second #subcol{
float:left;
padding:0px 0px 0px 20px;
width:215px;
}

#footer{
margin:0px auto;
padding:19px 4px 19px 16px;
width:800px;
background:url(../imgs/bg_footer.jpg) 0 0 no-repeat;
clear:both;
}

div.onecolumn{
margin:0px auto;
width:770px;
}

div.onecolumn div.rest{
margin-left:300px;
}

/* 2. navigation
-------------------------------------------*/
.globalnavi{
padding:2px 0px;
}
.globalnavi li{
float:left;
height:51px;
}
.pankuzu{
padding:10px 23px 9px;
}
.pankuzu li{
display:inline;
}
#home .footnavi,
#form .footnavi{
clear:both;
padding:70px 29px 8px 28px;
}
#second .footnavi{
clear:both;
padding:70px 33px 8px 286px;
}
.footnavi .pagetop{
float:right;
text-align:right;
width:140px;
}
.footnavi .pagetop a:link,
.footnavi .pagetop a:visited{
padding:3px 0px 3px 12px;
background:url(../imgs/m_pagetop.gif) 0 50% no-repeat;
text-decoration:underline;
color:#666;
}
.footnavi .pagetop a:hover,
.footnavi .pagetop a:active{
padding:3px 0px 3px 12px;
background:url(../imgs/m_pagetop.gif) 0 50% no-repeat;
text-decoration:none;
color:#666;
}
.footnavi .gohome{
float:left;
width:340px;
}
.footnavi .gohome a:link,
.footnavi .gohome a:visited{
padding:3px 0px 3px 13px;
background:url(../imgs/m_gohome.gif) 0 50% no-repeat;
text-decoration:underline;
color:#666;
}
.footnavi .gohome a:hover,
.footnavi .gohome a:active{
padding:3px 0px 3px 13px;
background:url(../imgs/m_gohome.gif) 0 50% no-repeat;
text-decoration:none;
color:#666;
}
#second ul.footnavi.footofonecolumn{
padding-left:30px;
}

/*SIDEMENU*/
.sidemenu{
padding:0px 0px 3px;
background:url(../imgs/bg_sidenavi_foot.gif) 0 100% no-repeat;
}
.sidemenu ul{
padding:12px 0px 54px;
background:#fdfdfd;
border:1px solid #ccc;
border-top:none;
border-bottom:none;
}
.sidemenu ul li{
padding:11px 15px 7px;
background:url(../imgs/line_sidemenu.gif) 50% 100% no-repeat;
}
.sidemenu ul li.stay{
background:url(../imgs/line_sidemenu_stay.jpg) 0 100% no-repeat;
}
.sidemenu ul li a{
display:block;
padding:0px 0px 0px 10px;
background:url(../imgs/m_sidenavi.gif) 0 7px no-repeat;
color:#333;
}
/*PREVNEXRT*/
.b_select{
margin:0px;
padding:70px 13px 18px;
}
.b_select li.prev{
float:left;
width:244px;
}
.b_select li.next{
float:right;
width:244px;
}
.b_select li.next_alone{
float:right;
width:100%;
}
.b_select li a{
display:block;
text-decoration:none;
}
.b_select li.next a:link,
.b_select li.next a:visited,
.b_select li.next_alone a:link,
.b_select li.next_alone a:visited{
padding:0px 28px 0px 0px;
background:url(../imgs/m_next.gif) 100% 5px no-repeat;
color:#3364c5;
text-align:right;
}
.b_select li.next a:hover,
.b_select li.next a:active,
.b_select li.next_alone a:hover,
.b_select li.next_alone a:active{
padding:0px 28px 0px 0px;
background:url(../imgs/m_next_on.gif) 100% 5px no-repeat;
color:#f60;
text-align:right;
}
.b_select li.prev a:link,
.b_select li.prev a:visited{
padding:0px 0px 0px 23px;
background:url(../imgs/m_prev.gif) 0 5px no-repeat;
color:#3364c5;
}
.b_select li.prev a:hover,
.b_select li.prev a:active{
padding:0px 0px 0px 23px;
background:url(../imgs/m_prev_on.gif) 0 5px no-repeat;
color:#f60;
}
/* 3. link style
-------------------------------------------*/

a:link{
color:#f60;
text-decoration:underline;
}

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

a:hover{
color:#f60;
text-decoration:none;
}

a:active{
color:#f60;
text-decoration:none;
}

a.m_member{
padding:0px 0px 0px 16px;
background:url(../imgs/m_member.gif) 0 50% no-repeat;
}

/* 4. common parts
-------------------------------------------*/
h1{
margin:0px auto;
padding:7px 0px 0px;
width:812px;
font-weight:bold;
}
h1 strong{
font-weight:bold;
}
.basic_thead{
padding:4px 0px 0px;
width:502px;
background:url(../imgs/basic_thead.gif) 0 0 no-repeat;
}
.basic_tfoot{
padding:0px 0px 3px;
background:url(../imgs/basic_tfoot.gif) 0 100% no-repeat;
}
.basic_tfoot .title{
padding:8px 12px 6px;
background:url(../imgs/bg_basictitle.gif) 50% 45% no-repeat;
border-left:1px solid #cecece;
border-right:1px solid #cecece;
font-weight:bold;
font-size:130%;
}
.basic_tfoot .title strong{
font-weight:bold;
}
.clear_both{
clear:both;
}
.icon_sub{
padding:0px 0px 0px 18px;
background:url(../imgs/m_popup.gif) 0 50% no-repeat;
}

/* 4.1 of header
-------------------------------------------*/
.headarea{
padding:15px 25px 0px 24px;
background:url(../imgs/bg_headarea.jpg) 0 100% no-repeat;
}
#second .headarea,
#form .headarea{
position:relative;
padding:15px 19px 0px 24px;
width:769px;
height:184px;
background:url(../imgs/p_headsecond.jpg) 0 100% no-repeat;
}
.headarea .logo{
float:left;
padding:7px 0px 0px;
}
.txt_mp{
margin:-112px 0px 0px 282px;
}
#second .headarea .logo,
#form .headarea .logo{
float:none;
position:absolute;
top:22px;
left:24px;
padding:0px;
width:162px;
}
.headarea .contarea{
float:right;
width:272px;
}
#second .headarea .contarea,
#form .headarea .contarea{
float:none;
position:absolute;
top:15px;
right:19px;
width:266px;
}
#second .headarea .txt01,
#form .headarea .txt01{
position:absolute;
top:85px;
left:122px;
z-index:100;
}
#second .headarea .txt02,
#form .headarea .txt02{
position:absolute;
/* 0424 */
top:120px;
left:229px;
}
#second .headarea .txt03,
#form .headarea .txt03{
position:absolute;
/*top:152px; 0422*/
top:120px;
right:19px;
}
#second .headarea .txt04,
#form .headarea .txt04{
position:absolute;
top:18px;
left:317px;
z-index:10;
}
.headarea .contarea .b_contact{
padding:7px 0px 0px 1px;
}

p.text_wmhp{
	position:absolute;
	left: 176px;
	top: 88px;
}

p.b_agent{
	position:absolute;
	left: 461px;
	top: 140px;
}
/* 4.2 of content
-------------------------------------------*/
.newslist{
padding:4px 0px 20px 0px;
}
.newslist li{
padding:10px 5px 9px;
border-bottom:1px dotted #999;
font-size:85%;
}
.newslist li .date{
float:left;
padding:0px 0px 0px 11px;
width:66px;
background:url(../imgs/m_news.gif) 0 50% no-repeat;
}
.newslist li .cont{
float:left;
width:152px;
}
.popup_pdf{
padding:5px 0px 0px 20px;
background:url(../imgs/m_popup_pdf.gif) 0 0 no-repeat;
}

div.onecolumn .newslist li{
font-size:100%;
}
div.onecolumn .newslist li p.date{
width:80px;
}
div.onecolumn .newslist li p.cont{
width:650px;
}

.welcomearea{
padding:25px 14px 30px 8px;
}
.welcomearea .txtarea{
/*float:right;
width:286px;*/
}
.welcomearea .fleft{
padding:0px 10px 5px 0px;
}
.welcomearea .txtarea .go_hp{
margin:13px 0px 0px;
}
.select_list{
padding:11px 9px 51px 0px;
}
.select_list dt{
line-height:1.0;
font-size:0px;
vertical-align:bottom;
}
.select_list dd{
padding:11px 0px 11px 58px;
}
.select_list dd .link{
margin:1em 0px 0px;
}
.select_list dd.lastchild{
padding:11px 0px 0px 58px;
}

.txt_member{
padding:13px 11px 15px;
}
.member_list{
margin:0px 11px;
padding:0px 0px 15px;
border-bottom:1px dotted #999;
}
.member_last{
margin:0px 11px;
}
.price_b_list{
padding:0px 11px 42px;
}

/*SIDE*/
.p_works{
padding:5px 2px 4px;
}
.p_works img{
border:1px solid #cbcbcb;
}
.works_data{
padding:0px 9px 13px;
}
.works_data dt{
padding:0px 0px 2px;
color:#036;
font-weight:bold;
}
.works_data dd{
font-size:80%;
}
.b_detail_w{
padding:0px 1px 20px 0px;
text-align:right;
}
.b_free{
margin:16px 0px 0px;
text-align:center;
}
.tuning_mm{
margin:20px 0px 0px;
}

table.table_basic{
margin:30px 10px;
}
table.table_basic th,
table.table_basic td{
padding:10px;
border:1px solid #333;
border-collapse:collapse;
}
table.table_basic th{
white-space:nowrap;
}
/* 4.3 of footer
-------------------------------------------*/
#footer .copy{
float:left;
}
#footer .footernavi{
float:right;
}
#footer .footernavi li{
float:left;
}
#footer .footernavi li.company{
width:85px;
}
#footer .footernavi li.sitemap{
width:100px;
}
#footer .footernavi li.privacy{
width:150px;
}
#footer .footernavi li.trading{
width:180px;
}
#footer .footernavi li a{
padding:0px 0px 0px 19px;
background:url(../imgs/m_footer.gif) 0 50% no-repeat;
color:#333;
}