/******************************
 default
******************************/

/* general style
------------------------------------------*/
* {
	margin:0;
	padding:0;
	text-decoration: none;
	line-height:1;
	font-size:100%;
	font-style:normal;
	}

html {
	overflow-y:scroll;
	font-size:smaller;
	}

body {font-size:smaller}
img {border:0}
table {border-collapse:collapse}
p {line-height:1.5}
.cl {clear:both}
a {overflow:hidden}


.clearfix:after { content: url(../img/sp.gif); display: block; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; }


/* head
------------------------------------------*/
body {
	background:url(../img/head_bg.jpg) repeat-x 0 0;
	text-align:center;
	color:#555;
	}

body a {color:#555}

h1 {
	background:url(../img/top/head.jpg) no-repeat top center;
	font-weight:normal;
	font-size:1.4em;
	width:850px;
	height:100px;
	margin:0 auto;
	text-align:center;
	}

h1 a {
	padding:10px 0 0 90px;
	display:block;
	height:90px;
	text-align:left;
	}

/* menu
------------------------------------------*/
.menu {
	width:850px;
	margin:0 auto;
	background:url(../img/menu.gif) no-repeat;
	height:55px;
	list-style:none;
	}

.menu li {
	float:left;
	height:55px;
	width:150px;
	background-image:url(../img/menu.gif);
	background-repeat:no-repeat;
	text-indent:-3000em;
	}

.menu li a {
	display:block;
	height:55px;
	}

.menu li a:hover {
	background-image:url(../img/menu.gif);
	background-repeat:no-repeat;
	}


.menu #tm01,
.menu #tm01 a {
	width:170px;
	}

#tm01 {background-position:0 0}
#tm02 {background-position:-170px 0}
#tm03 {background-position:-320px 0}
#tm04 {background-position:-470px 0}
#tm05 {background-position:-620px 0}
#tm01 a:hover {background-position:0 -55px}
#tm02 a:hover {background-position:-170px -55px}
#tm03 a:hover {background-position:-320px -55px}
#tm04 a:hover {background-position:-470px -55px}
#tm05 a:hover {background-position:-620px -55px}

/* main
------------------------------------------*/
#wrap {
	background:url(../img/box_side.jpg) repeat-y;
	width:850px;
	margin:0 auto;
	}

.box_top {
	background-image:url(../img/box_top.gif);
	background-repeat:no-repeat;
	width:850px;
	height:90px;
	margin:0 auto;
	padding:10px 0 0px;
	font-size:1.3em;
	overflow:auto;
	}

.box_top p {
	text-align:left;
	margin-right:15px;
	}



/* left
------------------------------------------*/
#left {
	float:left;
	width:570px;
	text-align:left;
	}

.l_box {
	clear:both;
	margin-top:40px;
	}

.first {margin-top:0 !important}

.l_topi {
	float:left;
	margin-right:10px;
	clear:both;
	padding-left:5px;
	}

.l_cont {
	float:left;
	width:520px;
	}

.h2_nml {
	background:url(../img/stitle_bg.jpg) no-repeat;
	height:40px;
	font-size:2.2em;
	line-height:40px;
	text-align:left;
	padding-left:10px;
	}

.h3_nml {
	font-size:1.7em;
	border-bottom:1px solid #999;
	font-weight:normal;
	padding-left:10px;
	background:url(../img/ico_stitle00.gif) no-repeat 0 0.95em;
	line-height:1.2em;
	margin:10px 0;
	}

.h_img {
	margin:50px 0 0 0;
	}

.p_nml {
	font-size:1.4em;
	line-height:1.8;
	margin-top:10px;
	}

#left ul {
	list-style:none;
	margin:5px 0 25px 0;
	}

#left li {
	padding:0 0 0 12px;
	margin:0 0 5px 0;
	font-size:1.4em;
	line-height:1.5;
	background:url(../img/ico_stitle00.jpg) no-repeat 0 7px;
	}

.p_nml a {
	text-decoration:underline;
	}

.p_long {
	font-size:1.4em;
	line-height:1.8;
	margin-bottom:3px;
	text-indent:1em;
	}

.p_right {text-align:right;}
.p_center {text-align:center;}


.p_img {
	margin-top:10px;
	margin-bottom:15px;
	}



.dl_fl {
	width:250px;
	float:left;
	margin-right:20px;
	}

.fr_img {float:left}

.dl_fl dt {
	font-size:1.3em;
	line-height:1.3;
	}

.dl_fl dd {
	font-size:1.4em;
	line-height:1.3;
	border-bottom:1px solid #CCC;
	padding-bottom:5px;
	margin-bottom:5px;
	}

.dl_fl dd a {text-decoration:underline}

.set {
	width:250px;
	text-align:left;
	margin:10px 20px 0 0;
	float:left;
	}

*html .set {margin-right:17px}/*IE6*/

.end {margin-right:0 !important}

.set img {margin-bottom:8px}

.set a {
	font-size:1.4em;
	font-weight:bold;
	text-decoration:underline;
	}

.set p {
	font-size:1.2em;
	margin-top:5px;
	}

.img_cnt {
	text-align:center;
	padding:15px 0;
	}


.btn_cnt {text-align:center}


/* right
------------------------------------------*/

#right {
	width:275px;
	float:right;
	text-align:left;
	font-size:1.2em;
	}

.r_stitle {margin:40px 0 0 10px}
.r_stitle02 {margin:20px 0 0 10px}
.qr_box {
	margin:10px 10px 0 10px;
	}

.qr_box img {
	float:left;
	margin-right:10px;
	}

.smenu_li {
	margin:0 15px 0 10px;
	font-size:1.25em;
	font-weight:normal;
	border-bottom:1px dotted #CCC;
	}

.smenu_li a {
	display:block;
	margin:10px 0;
	border-left:5px solid #999;
	line-height:1.4;
	padding-left:10px;
	}

.smenu_li a:hover {border-left:5px solid #CCC}

.smenu_no {
	border-bottom:1px dotted #CCC !important;
	}

h5.smenu_sub {
	margin:0 15px 0 10px;
	font-size:1.25em;
	font-weight:normal;
	}

h5.smenu_sub a {
	background:url(../img/ico_stitle00.jpg) no-repeat 0 7px;
	display:block;
	margin:5px 0 5px 15px;
	line-height:1.4;
	padding-left:15px;
	}



.bn_r {padding:8px 0 5px 10px}





/* bottom
------------------------------------------*/
#wrap_btm {
	text-align:left;
	padding-top:30px;
	font-size:1.2em;
	line-height:1.4;
	margin:0 5px;
	padding-bottom:10px;
	background:#FFF;
	}

#wrap_btm .l_topi {padding-left:0}

.info_bg {
	height:80px;
	margin-top:10px;
	width:100%;
	}

.info_txt {
	margin:-20px 0 0 130px;
	}


.box_btm {
	width:850px;
	background:url(../img/box_btm.jpg) no-repeat;
	height:10px;
	margin:0 auto 30px;
	}

.pagetop {
	text-align:right;
	margin:0 auto;
	padding:15px 5px 0 0;
	clear:both;
	}