
body {
	margin: 20px 0px 0px 0px;
	padding: 0px;
	font-size: 100%;
	height : 100%;
	background-color : #fff;
	border-top : #999 dotted 1px;
}

h1,h2,h3,h4,h5,h6,p,ul,ol,dl,li,address,table,td,th{
	margin: 0px;
	padding: 0px;
}

img{
	margin : 0;
	padding : 0;
	border : 0px;
}

hr{
	display : none;
}

/*************************************************************************
	basicLayout
*************************************************************************/

div#wrapper{
	margin : 0 auto;
	width : 900px;
}

div#wrapper:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}


div#header{
	position : relative;
	height : 100px;
	border-bottom : #333 solid 3px;
}

h1 a{
	width : 293px;
	height : 60px;
	display : block;
	background : transparent url(./../images/logo.gif) no-repeat;
	text-indent : -9999px;
	text-decoration : none;
	position : absolute;
	bottom : 8px;
	left : 3px;
}

h1 span{
	padding : 3px;
	width : 894px;
	display : block;
	font-size : 12px;
	font-weight : normal;
	color : #666;
	position : absolute;
	top : -20px;
	left : 3px;
}

div#src_box{
	padding : 5px 10px 0px 10px;
	width : 280px;
	height : 55px;
	background : transparent url(./../images/bg_srcbox.gif) no-repeat;
	text-align : center;
	position : absolute;
	top : 10px;
	right : 3px;
}


div#g_navi{
	position : absolute;
	bottom : 3px;
	right : 3px;	
}

div#con_left{
	padding-top : 10px;
	width : 200px;
	float : left;
}

div#con_right{
	padding-top : 10px;
	width : 678px;
	float : right;
}

div#con_right:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

div#main_box{
	width : 478px;
	float : left;
}

div#link_box{
	width : 190px;
	float : right;
}

div#footer{
	clear : both;
	height : 2em;
	border-top : #333 solid 3px;
}

div#footer:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

/*2008/10/29 石橋追記　フッターの下に関連リンクを追記*/

#relation_link_box{
	width: 800px;
	height:auto;
	margin:10px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	text-align:left;
	font-size:0.8em;
}

#relation_link_box p{
	color:#666;
	margin:0px 0px 5px 20px;
}	

#relation_link_box strong{
	font-weight:100;
}	


#relation_link_box:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#relation_link_box ul{
	list-style: none;
	margin:0px 0px 0px 40px;
	padding:0px;
	line-height:2.0em;
}

#relation_link_box li{
	float: left;
	width:auto;
	margin-right:15px;
	padding:0px;
	display:inline;
	border-style:none;
	white-space : nowrap;
}

#relation_link_box li a{
	display:block;
}

#relation_link_box a{
	color : #999;
}

#relation_link_box a:visited{
	color : #ccc;
	text-decoration : none;
}

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



div#contents_area{
	clear : both;
	margin : 0 auto;
	padding-bottom : 20px;
	width : 888px;
}

div#contents_area:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

address{
	padding : 5px;
	font-size : 0.6em;
	font-style : normal;
	color : #999;
	float : right;
}


/*************************************************************************
	globalNavi
*************************************************************************/

#g_navi ul{
	list-style : none;
}

#g_navi li{
	font-size : 12px;
	float : left;
}

/*******************
#g_navi li.menu01{
	background : transparent url(./../images/g_navi01.gif) no-repeat;
}

#g_navi li.menu01 a{
	padding : 4px 0px 0px 22px;
	width : 81px;
	height : 16px;
	color : #333;
	text-decoration : none;
	display : block;
	background : transparent url(./../images/g_navi01.gif) no-repeat;
}

#g_navi li.menu01 a:hover{
	color : #fff;
	background : transparent url(./../images/g_navi01_on.gif) no-repeat;
}
*********************/

#g_navi li.menu01{
	background : transparent url(./../images/g_navi02.gif) no-repeat;
}

#g_navi li.menu01 a{
	padding : 4px 0px 0px 22px;
	width : 81px;
	height : 16px;
	color : #333;
	text-decoration : none;
	display : block;
	background : transparent url(./../images/g_navi02.gif) no-repeat;
}

#g_navi li.menu01 a:hover{
	color : #fff;
	background : transparent url(./../images/g_navi02_on.gif) no-repeat;
}

#g_navi li.menu02{
	background : transparent url(./../images/g_navi02.gif) no-repeat;
}

#g_navi li.menu02 a{
	padding : 4px 0px 0px 22px;
	width : 81px;
	height : 16px;
	color : #333;
	text-decoration : none;
	display : block;
	background : transparent url(./../images/g_navi02.gif) no-repeat;
}

#g_navi li.menu02 a:hover{
	color : #fff;
	background : transparent url(./../images/g_navi02_on.gif) no-repeat;
}


#g_navi li.menu03{
	background : transparent url(./../images/g_navi03.gif) no-repeat;
}

#g_navi li.menu03 a{
	padding : 4px 0px 0px 22px;
	width : 81px;
	height : 16px;
	color : #333;
	text-decoration : none;
	display : block;
	background : transparent url(./../images/g_navi03.gif) no-repeat;
}

#g_navi li.menu03 a:hover{
	color : #fff;
	background : transparent url(./../images/g_navi03_on.gif) no-repeat;
}


#g_navi li.menu04{
	background : transparent url(./../images/g_navi04.gif) no-repeat;
}

#g_navi li.menu04 a{
	padding : 4px 0px 0px 22px;
	width : 81px;
	height : 16px;
	color : #333;
	text-decoration : none;
	display : block;
	background : transparent url(./../images/g_navi04.gif) no-repeat;
}

#g_navi li.menu04 a:hover{
	color : #fff;
	background : transparent url(./../images/g_navi04_on.gif) no-repeat;
}


/******************* not used temp ***************************************************
#g_navi li.menu05{
	background : transparent url(./../images/g_navi05.gif) no-repeat;
}

#g_navi li.menu05 a{
	padding : 4px 0px 0px 22px;
	width : 118px;
	height : 16px;
	color : #333;
	text-decoration : none;
	display : block;
	background : transparent url(./../images/g_navi05.gif) no-repeat;
}

#g_navi li.menu05 a:hover{
	color : #fff;
	background : transparent url(./../images/g_navi05_on.gif) no-repeat;
}
**********************************************************************/

#g_navi li.menu05{
	background : transparent url(./../images/g_navi03.gif) no-repeat;
}

#g_navi li.menu05 a{
	padding : 4px 0px 0px 22px;
	width : 81px;
	height : 16px;
	color : #333;
	text-decoration : none;
	display : block;
	background : transparent url(./../images/g_navi03.gif) no-repeat;
}

#g_navi li.menu05 a:hover{
	color : #fff;
	background : transparent url(./../images/g_navi03_on.gif) no-repeat;
}


#g_navi li.menu06{
	position : absolute;
	top : -94px;
	right : 80px;
}

#g_navi li.menu06 a{
	padding-left : 8px;
	color : #333;
	text-decoration : none;
	background : transparent url(./../images/arrow03.gif) no-repeat;
	background-position : 0px 4px;
}

#g_navi li.menu06 a:hover{
	text-decoration : underline;
}

#g_navi li.menu07{
	position : absolute;
	top : -94px;
	right : 0px;
}

#g_navi li.menu07 a{
	padding-left : 8px;
	color : #333;
	text-decoration : none;
	background : transparent url(./../images/arrow03.gif) no-repeat;
	background-position : 0px 4px;
}

#g_navi li.menu07 a:hover{
	text-decoration : underline;
}

/*************************************************************************
	footerNavi
*************************************************************************/

#footer ul{
	list-style : none;
}

#footer li{
	padding : 5px 5px 5px 10px;
	font-size : 0.8em;
	float : left;
}

#footer li a{
	padding-left : 5px;
	color : #333;
	text-decoration : none;
	border-left : #333 solid 1px;
}

#footer li#first a{
	padding-left : 5px;
	color : #333;
	text-decoration : none;
	border-left : #fff solid 1px;
}

#footer li a:hover,#footer li#first a:hover{
	color : #333;
	text-decoration : underline;
}

/*************************************************************************
	pageNavi
*************************************************************************/

p.bt_back{
	margin : 10px 10px 10px 0px;
	text-align : right;
}

.bt_back a{
	padding-right : 20px;
	font-size : 12px;
	color : #333;
	background : transparent url(./../images/arrow02.gif) no-repeat;
	background-position : 100% 1px;
}

.bt_back a:hover{
	color : #5081bc;
}


/*************************************************************************
	sideNavi
*************************************************************************/


/************* basicNavi *************/

#sidenavi_box01{
	margin-bottom : 7px;
}

#sidenavi_box01 h3{
	width : 200px;
	height : 29px;
	background : transparent url(./../images/title_sidenavi01.gif) no-repeat;
	text-indent : -9999px;
}


#side_navi01{
	margin : 0;
	padding : 5px 0px 0px 0px;
	width : 200px;
	background-color : #e6e6e6;
}

#side_navi01 ul{
	margin : 0 auto;
	width : 190px;
	list-style : none;
}

#side_navi01 li a{
	padding : 5px 0px 0px 20px;
	width : 170px;
	height : 15px;
	display : block;
	font-size : 12px;
	color : #333;
	text-decoration : none;
	background : transparent url(./../images/arrow05.gif) no-repeat;
	background-position : 4px 5px;
}

#side_navi01 li a:hover{
	text-decoration : none;
	background : transparent url(./../images/bg_sidenavi01.gif) no-repeat;
}

#sidenavi_box01 p{
	clear : both;
	width : 200px;
	height : 5px;
	font-size : 0.1em;
	text-indent : -9999px;
	background : transparent url(./../images/loginbox_bottom01.gif) no-repeat;
}


/************* detailNavi *************/

#sidenavi_box02{
	margin-bottom : 7px;
}

#sidenavi_box02 h3{
	width : 200px;
	height : 29px;
	background : transparent url(./../images/title_sidenavi02.gif) no-repeat;
	text-indent : -9999px;
}


#side_navi02{
	margin : 0;
	padding : 5px 0px 0px 0px;
	width : 200px;
	background : transparent url(./../images/bg_liteblue.gif) repeat;
}

#side_navi02 ul{
	margin : 0 auto;
	width : 190px;
	list-style : none;
}

#side_navi02 li a{
	padding : 5px 0px 0px 20px;
	width : 170px;
	height : 15px;
	display : block;
	font-size : 12px;
	color : #333;
	text-decoration : none;
	background : transparent url(./../images/arrow01.gif) no-repeat;
	background-position : 4px 5px;
}

#side_navi02 li a:hover{
	color : #fff;
	text-decoration : none;
	background : transparent url(./../images/bg_sidenavi02.gif) no-repeat;
}

#sidenavi_box02 p{
	clear : both;
	width : 200px;
	height : 5px;
	font-size : 0.1em;
	text-indent : -9999px;
	background : transparent url(./../images/loginbox_bottom02.gif) no-repeat;
}


/*************************************************************************
	memberNavi
*************************************************************************/

div#member_navi{
	margin : 0 auto;
	padding : 4px 0px 0px 4px;
	width : 674px;
	height : 24px;
	background : transparent url(./../images/bg_membernavi.gif) no-repeat;
}

#member_navi ul{
	width : 678px;
	list-style : none;
	position : relative;
}

#member_navi li{
	float : left;
}

#member_navi li a{
	font-size : 12px;
	color : #333;
	text-decoration : none;
	display : block;
}

#member_navi li.my_menu01 a{
	padding : 3px 0px 0px 18px;
	width : 102px;
	height : 17px;
	background : transparent url(./../images/my_menu01.gif) no-repeat;
}

#member_navi li.my_menu01 a:hover{
	color : #fff;
	background : transparent url(./../images/my_menu01_on.gif) no-repeat;
}

#member_navi li.my_menu02 a{
	padding : 3px 0px 0px 19px;
	width : 86px;
	height : 17px;
	background : transparent url(./../images/my_menu02.gif) no-repeat;
}

#member_navi li.my_menu02 a:hover{
	color : #fff;
	background : transparent url(./../images/my_menu02_on.gif) no-repeat;
}

#member_navi li.my_menu03 a{
	padding : 3px 0px 0px 23px;
	width : 135px;
	height : 17px;
	background : transparent url(./../images/my_menu03.gif) no-repeat;
}

#member_navi li.my_menu03 a:hover{
	color : #fff;
	background : transparent url(./../images/my_menu03_on.gif) no-repeat;
}

#member_navi li.my_menu04 a{
	padding : 4px 0px 0px 23px;
	width : 90px;
	height : 16px;
	color : #fff;
	background : transparent url(./../images/bt_logout.gif) no-repeat;
	position : absolute;
	top : 0px;
	right : -14px;
}

#member_navi li.my_menu04 a:hover{
	background : transparent url(./../images/bt_logout_on.gif) no-repeat;
}

/*************************************************************************
	bukkenDetailNavi
*************************************************************************/

#head_navi{
	margin : 0 auto;
	margin-top : 10px;
	width : 660px;
	font-size : 0.8em;
	line-height : 1.4em;
}

#head_navi a{
	color : #333;
	text-decoration : none;
}

#head_navi a:hover{
	color : #666;
	text-decoration : underline;
}

#room_navi{
	margin : 0 auto;
	margin-top : 10px;
	width : 640px;
	font-size : 0.8em;
	line-height : 1.4em;
}

#room_navi a{
	color : #333;
	text-decoration : none;
}

#room_navi a:hover{
	color : #666;
	text-decoration : underline;
}

/*************************************************************************
	searchBox
*************************************************************************/

#src_box input.src_txt{
	width : 200px;
	height : 14px;
	float : left;
}

#src_box form{
	margin : 0;
	padding : 0;
}

#bt_send{
	margin-left : 5px;
	width : 65px;
	height : 21px;
	display : block;
	float : right;
}

#src_box a{
	margin-left : 5px;
	width : 65px;
	height : 21px;
	display : block;
	float : right;
}

#src_box p{
	padding : 3px;
	font-size : 12px;
	text-align : left;
}

/*************************************************************************
	loginBox
*************************************************************************/

#login_box{
	font-size : 0.7em;
	color : #333;
}

#login_box h3{
	width : 200px;
	height : 29px;
	background : transparent url(./../images/title_login.gif) no-repeat;
	text-indent : -9999px;
}

#login_box form{
	margin : 0;
	padding : 10px 10px 0px 10px;
	width : 180px;
	background : transparent url(./../images/bg_liteblue.gif) repeat;
}

#login_box form:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

#login_box p{
	clear : both;
	width : 200px;
	height : 5px;
	font-size : 0.1em;
	text-indent : -9999px;
	background : transparent url(./../images/loginbox_bottom02.gif) no-repeat;
}

#id_number{
	margin-bottom : 2px;
	background : transparent url(./../images/id.gif) no-repeat;
	background-position : 0px 5px;
}

#id_number input{
	margin : 0px 0px 0px 21px;
	width : 144px;
	height : 14px;
}

#id_number span{
	display : none;
}

#pass_word{
	background : transparent url(./../images/pass.gif) no-repeat;
	background-position : 0px 5px;
}

#pass_word input{
	margin : 0px 0px 0px 45px;
	width : 120px;
	height : 14px;
}

#pass_word span{
	display : none;
}

a#pass_inq{
	padding-left : 15px;
	background : transparent url(./../images/arrow01.gif) no-repeat;
	color : #333;
}

#bt_login{
	background : transparent url(./../images/bt_login.gif) no-repeat;
	margin : 10px 0px 5px 0px;
	width : 85px;
	height : 28px;
	float : right;
}

#autologin_box{
	margin : 10px 0px 5px 0px;
	width : 85px;
	height : 28px;
	text-align : right;
	font-size : 10px;
	float : left;
}


/*************************************************************************
	resisterBox
*************************************************************************/

#resister_box{
	margin-top : 7px;
	width : 200px;
	height : 100px;
	background : transparent url(./../images/bg_resisterbox.gif) no-repeat;
}

#resister_box h3{
	display : none;
}

#resister_box div{
	padding-top : 38px;
	width : 180px;
	font-size : 0.9em;
}

#resister_box p{
	margin : 0 auto;
	width : 188px;
	height : 25px;
	background : transparent url(./../images/bt_resister.gif) no-repeat;
}

#resister_box a{
	margin : 0 auto;
	width : 188px;
	height : 25px;
	display : block;
	text-indent : -9999px;
	text-decoration : none;
	background : transparent url(./../images/bt_resister.gif) no-repeat;
}

#resister_box a:hover{
	background : transparent url(./../images/bt_resister_on.gif) no-repeat;
}


/*************************************************************************
	linkBox
*************************************************************************/

h3#point{
	width : 190px;
	height : 107px;
	background : transparent url(./../images/link_point.jpg) no-repeat;
}

h3#point a{
	width : 190px;
	height : 107px;
	display : block;
	background : transparent url(./../images/link_point.jpg) no-repeat;
	text-indent : -9999px;
}

/*
h3#point a:hover{
	background : transparent url(./../images/link_point_on.jpg) no-repeat;
}
*/

h3#faq{
	width : 190px;
	height : 107px;
	background : transparent url(./../images/link_faq.jpg) no-repeat;
}

h3#faq a{
	width : 190px;
	height : 107px;
	display : block;
	background : transparent url(./../images/link_faq.jpg) no-repeat;
	text-indent : -9999px;
}

/*
h3#faq a:hover{
	background : transparent url(./../images/link_faq_on.jpg) no-repeat;
}
*/

h3#basic{
	width : 190px;
	height : 107px;
	background : transparent url(./../images/link_basic.jpg) no-repeat;
}

h3#basic a{
	width : 190px;
	height : 107px;
	display : block;
	background : transparent url(./../images/link_basic.jpg) no-repeat;
	text-indent : -9999px;
}

/*
h3#basic a:hover{
	background : transparent url(./../images/link_basic_on.jpg) no-repeat;
}
*/

div.link{
	margin-bottom : 7px;
}

.link div{
	padding : 5px;
	width : 180px;
	font-size : 0.8em;
	color : #333;
	background-color : #e6e6e6;
}

.link a{
	color : #333;
	text-decoration : none;
}

.link a:hover{
	text-decoration : underline;
}

.link p{
	width : 190px;
	height : 8px;
	background : transparent url(./../images/link_btm.jpg) no-repeat;
	text-indent : -9999px;
	font-size : 0.1em;
}


h3#title_bulk{
	width : 190px;
	height : 30px;
	background : transparent url(./../images/bulklink_title.gif) no-repeat;
	text-indent : -9999px;
}

div#link_bulk{
	border-left : #ccc solid 1px;
	border-right : #ccc solid 1px;
}

#link_bulk div{
	margin : 0 auto;
	padding-top : 5px;
	padding-bottom : 10px;
	width : 180px;
	border-bottom : #999 dotted 1px;
}

#link_bulk div#last{
	border-bottom : #fff dotted 1px;
}

#link_bulk p{
	margin : 0 auto;
	text-align:center;
	width : 175px;
	line-height : 15px;
	font-size : 10px;
}

#link_bulk p a{
	color : #5081bc;
	text-decoration : none;
}

#link_bulk p a:hover{
	text-decoration : underline;
}

#link_bulk h4{
	padding : 5px 0px 0px 18px;
	width : 162px;
	height : 20px;
	background : transparent url(./../images/bg_linktitle.gif) no-repeat;
	font-size : 12px;
}

#link_bulk h4 a{
	color : #5081bc;
	text-decoration : none;
}

#link_bulk h4 a:hover{
	text-decoration : underline;
}

img.banner{
	margin : 0 auto;
	margin-top : 5px;
	margin-bottom : 5px;
	display : block;
	width : 120px;
}

p#link_bulk_bottom{
	width : 190px;
	height : 10px;
	background : transparent url(./../images/bulklink_btm.gif) no-repeat;
	text-indent : -9999px;
	font-size : 0.1em;
}


/*************************************************************************
	contentsElements
*************************************************************************/

.message{
	padding : 5px 0px 5px 5px;
	font-size : 0.8em;
	color : #333;
}

.message a{
	color : #5081bc;
}

.message a:hover{
	color : #f60;
}

.message span{
	color : #f00;
}

.form_box{
	margin : 0 auto;
	margin-top : 20px;
	padding : 15px 15px 20px 15px;
	width : 450px;
	font-size : 0.8em;
	color : #333;
	border : #ccc solid 1px;
	background-color : #eee;
}

table span{
	color : #f00;
}

span.explain{
	color : #333;
}

address a{
	color : #999;
}

address a:hover{
	color : #666;
}

