@charset "shift_jis";
/* =========================================

tochi-net common CSS

============================================ */

*{
margin: 0;
padding: 0;
font-size: 100%;
}

a{
	overflow:hidden;
}

a:link{
color: #0000ff;
text-decoration: none;
}

a:visited{
color: #0000ff;
text-decoration: none;
}

a:hover{
color: #ff0000;
text-decoration: underline;
}

a:active{
color: #ff0000;
text-decoration: underline;
}

img{
border: none;
vertical-align: bottom;
}

hr{
clear:both;
display: none;
}

.clear{
	clear:both;
}
body{
background: url(/image_cmn/body_bg.gif);
color: #333333;
font-size: 80%;
font-family:"qMmpSPro W3","Hiragino Kaku Gothic Pro","lr oSVbN",sans-serif;
text-align: center;
line-height: 1.2;
}

/* -------------------------------------------
	wrapper
------------------------------------------- */
#wrapper{
width: 802px;
margin: 0 auto;
background: url(/image_cmn/wrapper_bg.gif) repeat-y;
text-align: left;
}

/* -------------------------------------------
	header
------------------------------------------- */
#header{
background: url(/image_cmn/header_bg.jpg) no-repeat;
height: 267px;
position: relative;
}

#header p{
margin: 0 0 38px 0;
background: url(/image_cmn/p_logo_bg.jpg) no-repeat;
}

#header p strong a{
display: block;
width: 250px;
height: 129px;
}

#header p.tokenlogo{
width: 61px;
height: 61px;
margin: 0;
background: none;
position: absolute;
top: 35px;
right: 27px;
}

#header p strong{
display: block;
overflow: hidden;
text-indent: -9999px;
}


#header ul{
	position: relative;
	list-style: none;
	width: 772px;
	height: 91px;
	margin: 0 15px 10px;
	background: url(/image_cmn/bg_menu.jpg) no-repeat;
}
#header ul li{
	overflow:hidden;
	position: absolute;
	margin:0px;
	padding:0px;
	text-indent: -9999px;
}
#header ul li#cn01{
	top:12px;
	left:12px;
	width:158px;
	height:67px;
	background: url(/image_cmn/navi_menu01.jpg) no-repeat 0px 0px;
}
#header ul li#cn01 a{
	display:block;
	width:158px;
	height:67px;
	background: url(/image_cmn/navi_menu01.jpg) no-repeat 0px 0px;
}
#header ul li#cn01 a:hover{
	display:block;
	width:158px;
	height:67px;
	background: url(/image_cmn/navi_menu01_ov.jpg) no-repeat 0px 0px;
}
#header ul li#cn01_on{
	top:12px;
	left:12px;
	display:block;
	width:158px;
	height:67px;
	background: url(/image_cmn/navi_menu01_on.jpg) no-repeat 0px 0px;
}
#header ul li#cn02{
	top:12px;
	left:170px;
	width:120px;
	height:67px;
	background: url(/image_cmn/navi_menu01.jpg) no-repeat -158px 0px;
}
#header ul li#cn02 a{
	display:block;
	width:120px;
	height:67px;
	background: url(/image_cmn/navi_menu01.jpg) no-repeat -158px 0px;
}
#header ul li#cn02 a:hover{
	display:block;
	width:120px;
	height:67px;
	background: url(/image_cmn/navi_menu01_ov.jpg) no-repeat -158px 0px;
}
#header ul li#cn02_on{
	top:12px;
	left:170px;
	display:block;
	width:120px;
	height:67px;
	background: url(/image_cmn/navi_menu01_on.jpg) no-repeat -158px 0px;
}
#header ul li#cn03{
	top:12px;
	left:290px;
	width:123px;
	height:67px;
	background: url(/image_cmn/navi_menu01.jpg) no-repeat -278px 0;
}
#header ul li#cn03 a{
	display:block;
	width:123px;
	height:67px;
	background: url(/image_cmn/navi_menu01.jpg) no-repeat -278px 0;
}
#header ul li#cn03 a:hover{
	display:block;
	width:123px;
	height:67px;
	background: url(/image_cmn/navi_menu01_ov.jpg) no-repeat -278px 0;
}
#header ul li#cn03_on{
	top:12px;
	left:290px;
	display:block;
	width:123px;
	height:67px;
	background: url(/image_cmn/navi_menu01_on.jpg) no-repeat -278px 0;
}
#header ul li#cn04{
	top:12px;
	left:413px;
	width:159px;
	height:67px;
}
#header ul li#cn04 a{
	display:block;
	width:159px;
	height:67px;
	background: url(/image_cmn/navi_menu01.jpg) no-repeat -401px 0px;
}
#header ul li#cn04 a:hover{
	display:block;
	width:159px;
	height:67px;
	background: url(/image_cmn/navi_menu01_ov.jpg) no-repeat -401px 0px;
}
#header ul li#cn04_on{
	top:12px;
	left:413px;
	display:block;
	width:159px;
	height:67px;
	background: url(/image_cmn/navi_menu01_on.jpg) no-repeat -401px 0px;
}
#header ul li#cn05{
	position: absolute;
	top:12px;
	left:572px;
	width:188px;
	height:67px;
}
#header ul li#cn05 a{
	display:block;
	width:188px;
	height:67px;
	background: url(/image_cmn/navi_menu01.jpg) no-repeat -560px 0px;
}
#header ul li#cn05 a:hover{
	display:block;
	width:188px;
	height:67px;
	background: url(/image_cmn/navi_menu01_ov.jpg) no-repeat -560px 0px;
}
#header ul li#cn05_on{
	top:12px;
	left:572px;
	display:block;
	width:188px;
	height:67px;
	background: url(/image_cmn/navi_menu01_on.jpg) no-repeat -560px 0px;
}

/* -------------------------------------------
	content
------------------------------------------- */
#content{
margin: 0 27px;
}

#content:after{
content: "*";
display: block;
clear: both;
height: 1px;
visibility: hidden;
}

#content ul{
list-style: none;
}

#content ul.route{
margin: 0 0 15px 0;
padding: 0 0 5px 0;
border-bottom: 1px solid #cccccc;
line-height: 1.2;
}

#content ul.route li{
display: inline;
font-size: 110%;
}

#content ul.route li.arrow{
padding: 0 0 0 10px;
background: url(/image_cmn/kuzu_list_bg.gif) no-repeat 0 50%;
}

#content div.titlearea{
height: 70px;
margin: 0 0 20px 0;
background: url(/image_cmn/titlearea_bg.gif) no-repeat right bottom;
position: relative;
}

#content div.titlearea h1{
height: 70px;
margin: 0;
padding: 0;
border: none;
}

#content div.titlearea h1 span{
display: block;
overflow: hidden;
background: none;
text-indent: -9999px;
}

#content div.titlearea p{
width: 270px;
font-size: 110%;
position: absolute;
top: 20px;
left: 275px;
}

body.information #content div.titlearea p{
width: 240px;
top: 20px;
left: 335px;
}

#content ul.boxlist li{
float: left;
width: 356px;
margin: 0 0 18px 0;
padding: 0 0 14px 0;
background: url(/image_cmn/boxlist_base.gif) no-repeat left bottom;
}

#content ul.boxlist li.off{
background:none;
}

#content ul.boxlist li.lgroup{
margin: 0 36px 0 0;
}

#content ul.boxlist li.lgroup_off{
margin: 0 36px 0 0;
background:none;
}


#content ul.boxlist dl{
padding: 1px 0 0 0;
background: url(/image_cmn/boxlist_head.gif) no-repeat;
}

#content ul.boxlist dl dt.pict{
float: left;
width: 108px;
margin: 9px 0 0 0;
padding: 0;
border: none;
background: none;
}

#content ul.boxlist dl dt.pict img{
margin: 0 0 0 10px;
border: 1px solid #cccccc;
}

#content ul.boxlist dl dt{
margin: 9px 10px 5px 118px;
padding: 0 0 3px 18px;
border-bottom: 1px dotted #fac587;
background: url(/image_cmn/list_mark_arrow_orange.gif) no-repeat 0 2px;
font-size: 115%;
font-weight: bold;
}

#content ul.boxlist dl dd{
margin: 0 10px 0 118px;
font-size: 110%;
}

#content ul.boxlist_green li{
float: left;
width: 356px;
margin: 0 0 18px 0;
padding: 0 0 14px 0;
background: url(/image_cmn/boxlist_base_green.gif) no-repeat left bottom;
}

#content ul.boxlist_green li.lgroup{
margin: 0 36px 0 0;
}

#content ul.boxlist_green dl{
padding: 1px 0 0 0;
background: url(/image_cmn/boxlist_head_green.gif) no-repeat;
}

#content ul.boxlist_green dl dt.pict{
float: left;
width: 108px;
margin: 9px 0 0 0;
padding: 0;
border: none;
background: none;
}

#content ul.boxlist_green dl dt.pict img{
margin: 0 0 0 10px;
border: 1px solid #cccccc;
}

#content ul.boxlist_green dl dt{
margin: 9px 10px 5px 118px;
padding: 0 0 3px 18px;
border-bottom: 1px dotted #B4E98A;
background: url(/image_cmn/list_mark_arrow_green.gif) no-repeat 0 2px;
font-size: 115%;
font-weight: bold;
}

#content ul.boxlist_green dl dd{
margin: 0 10px 0 118px;
font-size: 110%;
}

/* -------------------------------------------
	footer
------------------------------------------- */
#footer{
clear: both;
width: 802px;
margin: 0 auto;
padding: 1px 0 0 0;
background: url(/image_cmn/footer_bg_base.gif) no-repeat;
}

#footer address{
margin: 22px 0 0 0;
padding: 0 0 13px 0;
background: url(/image_cmn/footer_bg_foot.gif) no-repeat left bottom;
color: #ffffff;
font-style: normal;
text-align: center;
}

#footer address a{
color: #ffffff;
}

#footer ul{
list-style: none;
padding: 5px 5px 10px 0;
background: url(/image_cmn/body_bg.gif);
text-align: right;
}

#footer ul li{
display: inline;
}

#footer ul li.flist{
margin: 0 5px 0 0;
padding: 0 5px 0 0;
border-right: 1px solid #555555;
}


/* h1 background
-------------------------------------------- */
body.hint #content div.titlearea h1{
width: 254px;
background: url(/hint/image/h1_bg.gif) no-repeat;
}

body.tax #content div.titlearea h1{
width: 152px;
background: url(/tax/image/h1_bg.gif) no-repeat;
}

/*
body.consultation #content div.titlearea h1{
width: 272px;
background: url(/consultation/image/h1_bg.gif) no-repeat;
}
*/

body.information #content div.titlearea h1{
width: 332px;
background: url(/information/image/h1_bg.gif) no-repeat;
}


/* 
-------------------------------------------- */
h1{
margin: 0 0 15px 0;
}

h2, h3{
margin: 0 0 5px 0;
padding: 3px 0 3px 15px;
border: 1px solid #edb67f;
border-top: 1px solid #fce29c;
border-left: 5px solid #fdbd7e;
background: #fdf8f3 url(/image_cmn/content_h2_3_bg.gif) repeat-x left bottom;
color: #945f08;
font-size: 110%;
}

h3.imgtxt{
padding: 0;
border: none;
background: none;
}

h3.dummy{
padding: 0 0 0 10px;
margin: 15px 0 5px 0;
border: none;
border-left: 5px solid #bee68d;
background: none;
color: #444444;
font-size: 110%;
}

h4{
padding: 0 0 0 10px;
margin: 15px 0 5px 0;
border-left: 5px solid #bee68d;
color: #444444;
font-size: 110%;
}

p{
margin: 0 0 10px 0;
font-size: 110%;
}

p.cpict{
text-align: center;
margin: 15px 0;
}

p.anchorbox{
width: 300px;
margin: 0 auto;
padding: 3px;
border: 1px solid #f6b24c;
background: #fff;
}

p.anchorbox a{
display: block;
padding: 4px 0;
border: 1px solid #FEEFDC;
background: #fff5e0 url(/image_cmn/list_mark_maru.gif) no-repeat 5% 50%;
text-align: center;
}

p.anchorbox a:hover{
text-decoration: none;
}

div.section{
clear: both;
margin: 0 0 25px 0;
}

dl.img_01 li{
display: inline;
margin: 0 10px;
line-height: 1.0;
}

/* kome_list
-------------------------------------------- */
ul.kome_lsit li{
	padding:0px 0px 0px 15px;
	background: url(/image_cmn/icon_attention.gif) no-repeat left center;
}

/*ΦEίι{^*/
.futter_btn{
	clear:both;
	width:100%;
	margin:20px 0 0 0;
	padding:20px 0 0 0;
	border-top:dotted 1px #CCCCCC;
	}

/*Φ{^*/
.futter_btn .btn_next{
float:right;
width:110px;
height:41px;
background:url(/image_cmn/btn_susumu.gif) 0 0 no-repeat;
text-indent:-9999px;

}
.futter_btn .btn_next a{
display:block;
width:110px;
height:41px;
background:url(/image_cmn/btn_susumu.gif) 0 0 no-repeat;
}
.futter_btn .btn_next a:hover{
background:url(/image_cmn/btn_susumu_ov.gif) 0 0 no-repeat;
}

/*ίι{^*/
.futter_btn .btn_pre{
float:left;
width:110px;
height:41px;
background:url(/image_cmn/btn_modoru.gif) 0 0 no-repeat;
text-indent:-9999px;
}

.futter_btn .btn_pre a{
display:block;
width:110px;
height:41px;
background:url(/image_cmn/btn_modoru.gif) 0 0 no-repeat;
}

.futter_btn .btn_pre a:hover{
background:url(/image_cmn/btn_modoru_ov.gif) 0 0 no-repeat;
}







