@charset "shift_jis";
/********************************************** common */
/* html tags */
body,p,table,h4{
margin:0;
padding:0;
}
body,h2,textarea,input,p{
background:#fff;
color:#444444;
font-size:10pt;
font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
line-height:140%;
font-weight:normal;
}

a{ text-decoration:none;}
a:link{ color:#437389;}
a:hover{ color:#9cc;text-decoration:underline;}
a:visited{ color:#1b5671;}

a img{
border:none;
}

h3{
font-size:11pt;
margin:10px 0 2px 0;
padding:0 0 0 2px;
border-left:8px solid #ccc;
}
h4{
clear:both;
}
dl{
margin:0 0 0 10px;
padding:0;
}
dd{
margin:0 0 10px 20px;
padding:0;
line-height:120%;
}

/* layout id */
#wrap{
width:780px;
margin:15px auto 0 auto;
}
#main{
background:url(images/wrap_02.gif) repeat-y;
margin:0;
padding:0;
height:100%;/* for ie's peek-a-boo bags*/
}
#foot{
background:url(images/wrap_03.gif) no-repeat top center;
color:#999;
font-size:x-small;
margin:0;
padding:10px 10px 0 20px;
height:45px;
}

#top #foot,#book #foot,#map #foot{
background:none;
padding:0 10px 0 20px;
}

#foot a{
margin:0 10px 0 0;
}
#foot p{/* for copyright*/
margin:3px 10px 0 0;
}
#foot_le{/* DL and html var. */
float:left;
}
#foot_ri{/* foot links */
float:right;
text-align:right;
}


/********************************************** lvl2 */
/* header */
#head{
clear:both;
margin:0 0 0 0;
padding:10px 0 0 80px;
height:100px;
}
#colamn #head{
background:url(images/head_colamn.jpg) no-repeat;
}
#company #head,#magazine #head{
background:url(images/head_company.jpg) no-repeat;
}
#link #head{
background:url(images/head_link.jpg) no-repeat;
}
#mail #head,#talk #head{
background:url(images/head_mail.jpg) no-repeat;
}
#policy #head{
background:url(images/head_policy.jpg) no-repeat;
}
#sitemap #head{
background:url(images/head_sitemap.jpg) no-repeat;
}
#tee #head,#tee_lvl1 #head,#tee_lvl2 #head{
background:url(images/head_tee.jpg) no-repeat;
}

#works #head{
background:url(images/head_works.jpg) no-repeat;
}
#head ul{
float:left;
margin:0;
list-style-type:none;
}
#head li{
float:left;
}
#head a{
display:block;
margin:0 2px;
width:20px;
height:90px;
text-indent:-9999px;
overflow:hidden;
}
#head a.menu_01{
background:url(images/menu_01.gif) no-repeat;
}
#head a.menu_02{
background:url(images/menu_02.gif) no-repeat;
}
#head a.menu_03{
background:url(images/menu_03.gif) no-repeat;
}
#head a.menu_04{
background:url(images/menu_04.gif) no-repeat;
}
#head a.menu_05{
background:url(images/menu_05.gif) no-repeat;
}
#head a.menu_06{
background:url(images/menu_06.gif) no-repeat;
}
#head a.menu_07{
background:url(images/menu_07.gif) no-repeat;
}
#head a.menu_08{
background:url(images/menu_08.gif) no-repeat;
}
#head a:hover{
background-position:0px -90px;
}

/* lead */
#lead{
margin:0px 20px 0 20px;
padding:10px 0 0 0;
}
#lead h2{
float:right;
width:580px;
margin:0;
padding:0;
}
h1{
float:left;
width:160px;
height:70px;
text-indent:-9999px;
overflow:hidden;
margin:0;
padding:0;
}
#colamn h1{
background:url(images/tit_colamn.gif) no-repeat left top;
}
#company h1{
background:url(images/tit_company.gif) no-repeat left top;
}
#link h1{
background:url(images/tit_link.gif) no-repeat left top;
}
#policy h1{
background:url(images/tit_policy.gif) no-repeat left top;
}
#sitemap h1{
background:url(images/tit_sitemap.gif) no-repeat left top;
}
#tee h1{
background:url(images/tit_tee.gif) no-repeat left top;
}
#works h1{
background:url(images/tit_works.gif) no-repeat left top;
}
#mail h1{
background:url(images/tit_mail.gif) no-repeat left top;
}
#magazine h1{
background:url(images/tit_magazine.gif) no-repeat left top;
}


/* contents */
#contents{
padding:20px 0 20px 0;
margin:20px 20px 0 20px;
}
#con_le{
float:left;
width:130px;
padding:0 30px 0 0;
font-size:8pt;
}
#con_ri{
float:right;
width:580px;
}

/* left menu */
#con_le p{
margin:0 0 10px 0;
padding:5px 6px 18px 6px;
line-height:130%;
background:url(images/baloon.gif) no-repeat;
}
#con_le ul{
margin:0;
padding:0;
list-style-type:none;
}
#con_le li{
background:url(images/arrow_01.gif) no-repeat 0 5px;
margin:0 0 6px 0;
padding:0 0 0 7px;
line-height:120%;
}

/* others */
.ri{
float:right;}
.blank{
clear:both;}
.t-ce{
text-align:center;}
.headimg{
float:right;
display:block;
}
.footimg{
display:block;
clear:both;
}
/********************************************** works*/
.workbox{
margin:0 0 0 15px;
padding:10px 0 20px 0;
border-bottom:1px dotted #ccc;
}
.workbox img{
float:left;
border:1px solid #ccc;
padding:2px;
margin:0 2px 5px 0
}
.workbox_last{
margin:0;
}
.workbox p{
clear:both;
padding:0;
}
#works h3{
font-size:11pt;
margin:20px 0 2px 0;
padding:0 0 0 5px;
}
workguard{
position:relative;
width:130px;
height:183px;
}
span.guard{
	position:absolute;
	display:block;
	width:590px;
	background-image:url(../images/spacer.gif);
	left: 286px;
	top: 369px;
}

/********************************************** mail */
/* mail table */
#mail table{
width:550px;
border-collapse:collapse;
margin:0 0 10px 0;
border:1px solid #ccc;
}
#mail td,th{
padding:5px 10px 2px 10px;
border-bottom:1px dotted #ccc;
}
#mail th{
width:150px;
color:#666;
text-align:left;
vertical-align:top;
}

/********************************************** company */
/* company table */
#company table{
width:550px;
border-collapse:collapse;
}
#company td,th{
padding:5px 10px 2px 10px;
border-bottom:1px dotted #ccc;
}
#company th{
width:90px;
color:#666;
text-align:left;
vertical-align:top;
}
/* company map.html  */
#map #wrap{
width:700px;
margin:0 auto 5px auto;
}

#map #main{
background:none;
}
#map #contents{
padding:0;
margin:10px 20px 0 20px;}
#map #main img{
display:block;
}
#map #con_le{
float:left;
width:320px;
padding:0;
}
#map #con_ri{
float:right;
width:320px;
}
#map #foot{
text-align:center;
}
#map p{
font-size:8pt;
color:#444444;
line-height:140%;
margin:4px 0 8px 0px;
background:none;
}
#map span{
display:block;
color:#666;
font-size:8pt;
line-height:140%;
margin:0 0 10px 0;
}

#map #foot{
padding:5px 10px 5px 20px;
height:auto}
#map form{
padding:0;
margin:0 auto;}
/********************************************** policy */
#policy #contents
{
text-align:center;}
#policy #con_ri{
background:url(policy/images/sukiyanen.gif) no-repeat right bottom;
}

.line{
display:block;
clear:both;
margin:5px 0 20px 0;
}

/********************************************** talk*/
#talk p{
margin:10px 0;
line-height:180%;
clear:both;

}

#talk #con_talk1{
margin:30px 40px 30px 40px;
border:none;
padding:0;
background:url(talk/images/index_02.gif) repeat-y;
}
.idx_pht{
margin:10px 10px 10px 20px;
float:left;
}
#talk #con_talk1 .idx_mark_now{
width:130px;
background:url(talk/images/index_date_now.gif) no-repeat 0 2px;
text-align:center;
font-size:9pt;
margin:0px;
color:#fff;
font-weight:bold;
}

#talk #con_talk1 .idx_mark{
width:130px;
background:url(talk/images/index_date.gif) no-repeat 0 2px;
text-align:center;
font-size:9pt;
margin:0px;
color:#666;
font-weight:bold;
}
#talk #con_talk1 .idx_text{
float:left;
padding:0;
margin:10px 0 0 0;
}

#talk #con_talk1 .idx_text a{
font-weight:bold;
}
#talk #con_talk{
margin:0 40px 30px 40px;
border:1px solid #ffaf15;
padding:0 60px 20px 60px;
}

#talk #tab{
list-style-type:none;
margin:10px 0 0 0px;
padding:0 0 0 40px;
height:28px;}

#talk #tab li{
float:left}
#talk #number{
margin:10px 0 10px 0;
padding: 0;
}
#talk #number li{
width:45px ;
float:left;
}


#talk p a{
font-weight:bold;
}
#talk p.data{
	font-weight:bold;
	line-height:140%;

}

body#talk .t-ce {
text-align:center;
margin:20px auto;}
body#talk .t-ce img{
border:1px solid #ccc;
padding:2px;
}
body#talk .t-ce span{
display:block;
color:#666;
}

body#talk .no{
margin:10px 0 0 0}
body#talk dl{
margin:0 0;
padding:30px 0 0 0;
clear:both;
}

body#talk dt{
width:55px;
float:left;
margin:0;
padding:0 ;
clear:left;
font-weight:bold;
}
body#talk dt.ue{
color:#666
}
body#talk dt.gst{
color:#993333
}
body#talk dt.gst2{
color:#666633
}
body#talk dd{
margin:0 0 25px 55px;
padding:0;
line-height:160%;

}
#talk #next a{
display:block;
width:100px;
font-weight:bold;
}

/* talk profile.html  */
#profile #wrap{
width:400px;
margin:5px auto 10px auto;
}
#profile h1{
text-indent:0;
display:block;
font-size:12pt;
width:100%;
height:auto;
margin:0;
padding:0
}
#profile h2{
font-weight:bold;}
#profile #main{
background:none;
}
#profile #main img{
display:block;
}

#profile form{
text-align:center;
}
#profile p{
color:#444444;
line-height:140%;
margin:5px 0 15px 0px;
background:none;
}