/*
tomo original stylesheet
2008/02/29
TOMONORI KOIKE
*/

body {
	padding : 0;
	margin: 0;
	color : #000;
	background : #fff;
	line-height : 140%;
	text-align: center;
	font-size : 80%;



}



a:link{
	color : #004488;
}

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

a:visited{
	color : #004488;
}



.toplink a {
	color : #000;
}


.toplink a:hover{
	color : #000;
	text-decoration : none;
}

.toplink a:visited{
	color : #000;
}

div#contents {
	margin : 0 auto;
	padding : 0;
	border : 0;

	max-width: 100%;
	min-width: 900px;
	text-align : left;
}


div#main {
	margin : 0 auto;
	border : 0;
	width : 100%;
	text-align : left;
	color : #444;
	border-top : 20px solid #F6A905;
	border-top : 20px solid #FA6D04;

}




#header {
	margin : 0 auto;
	width : 100%;
	padding : 4px 0 4px 0;
	background : #F0F0F0;
	color : brown;
	text-align : left;
	border-top : 5px solid #333;
}



#header h1 {
	margin : 0;
	display:inline;
	font-weight : normal;
	font-size : 85%;
}


#header span {
	padding-left : 10px;
}



#headerlogo {
	background: url("../img/header.gif") no-repeat;
	width : 100%;
	height : 60px;
	margin : 0 auto;

}

#headerlogo ul {
	margin : 0;
	
}

#headerlogo li {
	list-style : none;
}


#headerlogo h2 {
	margin-top : 0;
	margin-left : 0;
	width : 283px;
	height : 60px;
	font-size : 80%;
	font-weight : normal;
	float : left;
	display : block;
}


*html #headerlogo h2 {
	margin-left : 0;
}


/*
#headerlogo h2 a {
	width : 200px;
	height : 60px;
	display : block;
}
*/





#headerlogo h2 a {
	margin-top : 20px;
	margin-left : 200px;
	display : block;
}





#headerlogo .toplink {
	float : right;
	padding : 3px 0 0 0;
}

.mail {
	float : left;
	padding:0 15px 0 0;
	margin : 0;
	display : inline;
}

*html .mail {
	padding:0 7px 0 0;
}

.mail strong {
	font-weight : normal;
}


.sitemap {
	float : left;
	padding:0 15px 0 0;
	margin : 0;
	display : inline;
}

*html .sitemap {
	padding:0 7px 0 0;
}

.toi {
	float : left;
	padding:0 25px 0 0;
	margin : 0;
	display : inline;
}

*html .toi {
	padding:0 22px 0 0;
}


.mail span {
	background : url("../img/mail_c.gif") no-repeat 0 0;
	float : left;
	display : block;
	width : 23px;
	height : 17px;
	margin : 0 3px 0 2px;
	border-width : 0;
	text-indent : -999999px;
}


.sitemap span {
	background : url("../img/site_map_i.gif") no-repeat 0 0;
	float : left;
	display : block;
	width : 23px;
	height : 17px;
	margin : 0 3px 0 2px;
	border-width : 0;
	text-indent : -999999px;
}

.toi span {
	background : url("../img/toi_c.gif") no-repeat 0 0;
	float : left;
	display : block;
	width : 23px;
	height : 17px;
	margin : 0 3px 0 2px;
	border-width : 0;
	text-indent : -999999px;
}



#headerlogo .mailimg{
	position : absolute;
	display : block;
	margin-top : 26px;
	margin-left : 583px;
	width : 192px;
	height : 45px;
	text-indent : -999999px;
}

*+html #headerlogo .mailimg{
	margin-left : 290px;
}

*html #headerlogo .mailimg{
	margin-left : 290px;
}


#headerlogo .mailimg a {
	display : block;
	width : 192px;
	height : 45px;
}














.flow_m {
	background:url("../img/bg02.gif");
	padding:5px;
	border:1px solid brown;
	text-align:center;
	color:#fff;
	margin : 0 0px 0 0px;
}



#main_box01 {
	background : url("../img/image001.jpg") no-repeat;
	background-position: right top;
	padding:0px 0 0px 0;
	min-height : 290px;
	max-height : 100%;
}

.main_box02 {
	width:75%;
	margin : 7px 0 20px 10px;
	background : url("../img/step.gif") no-repeat;
	height : 220px;
	text-indent : -999999px;
}



.main_box03 {
	width:95%;
	margin : 7px 0 20px 20px;

}


.topics ul{
	margin : 10px 0 10px -30px;
}



*+html .topics ul{
	margin : 10px 0 10px 0;
}

*+html .topics ul{
	margin : 10px 0 10px 0;
}




.in_list ul li {
	list-style : none;
	padding : 0 0 2px 0;
	margin : 0 0 5px 0;
	border-bottom : 1px dashed #ccc;
	background : url("../img/in_c.gif") no-repeat 0 .3em;
}






.s_in_list {
	width : 850px;
	text-align : left;
	margin : 25px 0 0 0;
	font-size : 130%;
	line-height : 160%;
}


.s_in_list ul {
	margin : 0 0 0 0;
	padding : 0 8px 0 0;

}

.s_in_list ul li {
	list-style : none;
	padding : 0 0 4px 20px;
	margin-bottom : 8px;
	margin-right : 4px;
	border-bottom: 1px dashed #dddddd;
	background : url("../img/in_c.gif") no-repeat 0 .5em;
}







.title01 {
	display : block;
	height : 37px;
	text-indent : -999999px;
	background : url("../img/title01.gif") no-repeat 0 0;

}

.title02 {
	display : block;
	height : 25px;
	text-indent : -999999px;
	background : url("../img/title02.gif") no-repeat 0 0;
	margin : 7px 0 7px 10px;

}

.title03 {
	display : block;
	height : 25px;
	text-indent : -999999px;
	background : url("../img/title03.gif") no-repeat 0 0;
	margin : 7px 0 7px 10px;

}



.title04 {
	margin : 0 0 10px 0;
	background : #f4f4f4;
	border-bottom : 1px solid #ccc;
	padding : 5px;
	padding-left : 7px;
	border-left : 5px solid #cc0000;

}



.title_topics {
	margin:10px 15px 15px 10px;
	background : #513022;
	padding : 5px;
	padding-left : 7px;
	border-left : 5px solid #2d1004;
	color : #fff;
	font-size : 120%;
}




#navi_s {
	margin : 0 10px 10px -40px;
	float : left;
}


*+html #navi_s {
	margin : 0 10px 10px 0px;
	float : left;
}


*html #navi_s {
	margin : 0 10px 10px 0px;
	float : left;
}





#navi_s li {
	display : inline;
	padding : 0 10px 0 0;
}



#navi_s .navi_s_cach {
	background : url("../img/navi_cach.gif") no-repeat 0 0;
	width : 13px;
	height : 13px;
}












#mainimg {
	display : block;
	width : 766px;
	height : 210px;
	text-indent : -999999px;
	background : url("../img/top_main_img.jpg") no-repeat 0 0;
	margin : 0 auto;
}


#mainimg_in {
	display : block;
	width : 766px;
	height : 130px;
	background : url("../img/in_head_img.gif") no-repeat 0 0;
	margin : 0 auto;
}

#mainimg_in h2 {
	padding : 100px 0 5px 10px;
	margin : 0;
	color : #333;
}


#main_c {
	margin : 10px 0 0 0;
}

#left_area {
	float : left;
	width : 563px;
}

#right_area {
	float : right;
	width : 187px;
	margin : 0 0 0 10px;
}

*html #right_area {
	float : right;
	width : 198px;
	margin : 0 -5px 0 5px;
}









.contents_t_bg {
	display : block;
	width : 538px;
	height : 28px;
	background : url("../img/contents_midashi.gif") no-repeat 0 0;
	margin : 0;
	padding : 12px 0 0 25px;
	font-size : 120%;
	color : #000;
}

.contents_t_bg_in {
	display : block;
	width : 538px;
	height : 28px;
	background : url("../img/contents_midashi.gif") no-repeat 0 0;
	margin : 27px 0 25px -10px;
	padding : 12px 0 0 25px;
	font-size : 120%;
	color : #000;
}

*html .contents_t_bg_in {
	display : block;
	width : 538px;
	height : 28px;
	background : url("../img/contents_midashi.gif") no-repeat 0 0;
	margin : 27px -18px 25px -10px;
	padding : 12px 0 0 25px;
	font-size : 120%;
	color : #000;
}








#footer {
	clear : both;
	width : 100%;
	padding : 35px 0 0 0;
	margin : 50px 0 0 0;
	border : 0;
	text-align : left;
	color : #333;
}


*+html #footer {
	padding : 0 0 0 0px;
	margin : 50px 0 0 0;

}

*html #footer {
	padding : 0 0 0 0;
	margin : 50px 0 0 0;
}




#footerlogo a {
	margin-top : 55px;
	margin-left : 90px;
	width : 220px;
	height : 25px;
	text-indent : -999999px;
	display : block;
	position : absolute;
}



#bottoms {
	text-align : left;
	font-size : 100%;
	width : 100%;
	background : url("../img/footer_right.gif") no-repeat 224px 0px;
	background-position: right;


}




#right_bg {
	height : 88px;
}



#right_bg .f_link {
	padding : 60px 0 0 20px;

}




.copy {
	text-align : center;
	font-size : 100%;
	background : #F86903;
	padding : 3px;
	color : #fff;
}

.copy strong {
	font-weight : normal;
}


.copy a {
	color : #fff;
}





.center01 {
	text-align : center;
	margin : 5px 0 0 0;
}




.bold {
	font-weight : bold;
}

.bgeee {
	background : #eee;
	padding : 1px 0 1px 0;
	margin : 1px 0 1px 0;
}

.small {
	font-size : 80%;
}

.cc0000 {
	color : #cc0000;
	margin-bottom : 3px;
}

.pan {
	margin : 5px 0 7px 5px;
	font-size : 90%;
}



.pan strong {
	font-weight : normal;
}



.contents_area {

	margin : 25px 5px 0 10px;
}

*html .contents_area {

	margin : 25px 5px 0 10px;
}

.tel2 {
	font-size:120%;
	color : #cc0000;
}



.in_list ul {
	margin : 0 0 0 0;
	padding : 0 8px 0 8px;

}

.in_list ul li {
	list-style : none;
	padding : 0 0 4px 20px;
	margin-bottom : 8px;
	margin-right : 4px;
	border-bottom: 1px dashed #dddddd;
	background : url("../img/in_c.gif") no-repeat 0 .09em;
}



.in_list_n ol {
	margin : 0 0 0 25px;
	padding : 0 8px 0 8px;

}

.in_list_n ol li {
	padding : 0 0 4px 0;
	margin-bottom : 8px;
	margin-right : 4px;
	border-bottom: 1px dashed #dddddd;
}

.back_c01 {
	background:#f4f4f4;
	padding:10px;
	margin:15px 0 0 0;
	border : 1px solid #ddd;
}

.back_c01 span {
	font-weight : bold;
	color : #cc0000;
}

.compare {
	margin:0 auto;
}

.compare tr {
	text-align:center;
}

.compare th,td {
	border : 1px solid #ccc;
	padding : 6px 15px 6px 15px;
}

.compare th {
	background : #f4f4f4;
	color : #000;
}




.about_list {
	margin:0 auto;
}

.about_list th {
	text-align:center;
}

.about_list th,td {
	border : 1px solid #ccc;
	padding : 6px 15px 6px 15px;
}

.about_list th {
	background : #FF7C00;
	color : #fff;
}




.center_rb {
	text-align : center;
	color : #cc0000;
	font-weight : bold;
	margin-bottom : -15px;
}





.about_img {
	background : url("../img/about_img.jpg") no-repeat;
	width : 180px;
	height : 130px;
	text-indent : -999999px;
	margin : 5px auto;
	border : 1px solid #f1f1f1;
}



.gaiyou_img {
	background : url("../img/gaiyou_img.jpg") no-repeat;
	width : 180px;
	height : 175px;
	text-indent : -999999px;
	margin : 5px auto;
	border : 1px solid #f1f1f1;
}




.img_right {
	float:right;
	margin:0 0 0 10px;
}

.img_left {
	float:left;
	margin:0 10px 0 0;
}

.img_center {
	text-align : center;;
	margin : 0 auto;
	margin:10px 0 10px 0;
}






.side_img img {
	padding-bottom : 5px;
}























#nav {
	width : 971px;
	height : 42px;
	padding : 0;
	border : 0;
	margin : 0 auto;
	margin-bottom:0;
}



#nav ul {
	width : 971px;
	height : 42px;
	background : url("../img/navi.gif");
	margin : 0 0 0 0;
	padding : 0;
	position : relative;
	left : auto;
	right : auto;
}

#nav ul li {
	margin : 0 ;
	padding : 0;
	list-style : none;
	position : absolute;
	top : 0px;
}

#nav ul li, #nav a {
	height : 42px;
	display : block;
}

#nav ul li a {
	text-indent : -10000px;
	text-decoration : none;
}

#menu1 {
	left : 76px;
	width : 105px;
}

#menu2 {
	left : 181px;
	width : 180px;
}

#menu3 {
	left : 361px;
	width : 183px;
}

#menu4 {
	left : 544px;
	width : 183px;
}

#menu5 {
	left : 727px;
	width : 125px;
}

#menu6 {
	left : 852px;
	width : 119px;
}




#menu1 a:hover {
	background : transparent url("../img/navi.gif") -76px -58px no-repeat;
}

#menu2 a:hover {
	background : transparent url("../img/navi.gif") -181px -58px no-repeat;
}

#menu3 a:hover {
	background : transparent url("../img/navi.gif") -361px -58px no-repeat;
}

#menu4 a:hover {
	background : transparent url("../img/navi.gif") -544px -58px no-repeat;
}

#menu5 a:hover {
	background : transparent url("../img/navi.gif") -727px -58px no-repeat;
}

#menu6 a:hover {
	background : transparent url("../img/navi.gif") -852px -58px no-repeat;
}



body#p1500 #menu1 {
	background : transparent url("../img/navi.gif") -76px -58px no-repeat;
}


body#p2000 #menu2 {
	background : transparent url("../img/navi.gif") -181px -58px no-repeat;
}

body#p2500 #menu3 {
	background : transparent url("../img/navi.gif") -361px -58px no-repeat;
}

body#p3000 #menu4 {
	background : transparent url("../img/navi.gif") -544px -58px no-repeat;
}

body#pover #menu5 {
	background : transparent url("../img/navi.gif") -727px -58px no-repeat;
}

body#reform #menu6 {
	background : transparent url("../img/navi.gif") -852px -58px no-repeat;
}





.navi_bg {
	background : url("../img/navi_bg.gif");
}




/**メンバーページ**/


#member_logo {
	margin : 0 auto;
	text-align : center;
	padding : 20px 0 20px 0;
	line-height : 200%;
	font-size : 200%;
}

#member_cach {
	margin : 0 auto;
	text-align : center;
	padding : 25px 0 25px 0;
	font-size : 300%;
	color : #000;
	background : #FA6D04;
	line-height : 125%;
}

#member_main {
	margin : 0 auto;
	text-align : center;
	padding : 35px 0 35px 0;
	width : 850px;
}

#member_main table tr td {
	border : 0;
	padding : 0;
}

#member_main table {
	margin : 25px auto;
	width : 850px;
}

#member_main img {
	margin : 0px;
	padding : 0px 0 0 2px;
	text-align : left;
}



#cate_cach {
	margin : 0 auto;
	text-align : center;
	padding : 0 0 0 0;
	color : #000;
	background : #FA6D04;
}


#cont_main {
	margin : 0 auto;
	padding : 0 0 35px 0;
	width : 650px;
	font-size:130%;
	line-height : 170%;
}

#cont_main h3 {
	font-size : 110%;
	margin : 30px 0 0 0;
	background : url("../img/001-01.gif") no-repeat;
	width : 633px;
	height : 28px;
	padding : 11px 0 5px 14px;
}


#cont_main h3 .num {
	color:#fff;
	font-size:180%;
	padding-right:25px;
	font-weight:bold;
}


#cont_main .mtext {
	background:#f4f4f4;
	padding:5px 5px 5px 10px;;
	margin:35px 0 0 0;
	font-weight : bold;
	border-left : 3px solid #004488;
}


#cont_main .btext {
	background:#f4f4f4;
	padding:15px;
	text-align:center;
	margin:35px 0 0 0;
}

#cont_main .line01 {
	background:#f86903;
	padding:5px 5px 5px 10px;
	margin:40px 0 0 0;
	color:#fff;
	font-size:100%;
	font-weight : bold;
}

#cont_main table tr td {
	padding : 5px;
}

#cont_main table {
	margin : 25px auto;
	width : 640px;
}

#cont_main img {
	margin : 0px;
	padding : 0px 0 0 2px;
	text-align : left;
}


#cont_main ul {
	margin : 10px 0 0 20px;
	font-size : 110%;
}

#cont_main ul li {
	padding : 0 0 5px 0;;
}










#in_top {
	text-align : left;
	width : 850px;
	margin-bottom:25px;
}

.specification {
	text-align : left;
	float : left;
	width : 400px;
}


.specification2 {
	font-size : 150%;
	font-weight : bold;
	color : orange;
	text-align : right;
	float : right;
	width : 450px;
}


.specification2 p {
	text-align : left;
	line-height : 150%;
}


#company_main table{
	width : 600px;
	margin-bottom : 30px;
}

#company_main th,td {
	border : 1px solid #ccc;
}

#company_main th {
	background : #f7f7f7;
	font-weight : normal;
	text-align : center;
	width : 150px;
}



#company_main ul {
	margin : 5px 0 5px 10px;
}


#cont_main ul {
	font-size:100%;
}


#cont_main ul li {
	padding-bottom:15px;
}




#sch table {
	margin-top : 0;
}


#sch th {
	background:#5f321e;
	color:#fff;
	text-align : center;
}

#sch td {
	text-align : center;
	background:#f7f7f7;
}



.top_c_box {
	float:left;
	width:220px;
	margin:0 7px 10px 0;
	border-bottom : 2px solid #7b503e;
}

.top_c_box .midashi {
	margin:0 0 4px 0;
	width : 220px;
	height : 16px;
	padding:0 0 3px 18px;
}

*html .top_c_box .midashi {
	width : 202px;
}


.top_c_box .text {
	margin:0;
	background:#f4f4f4;
	background : url("../img/c_bg.gif") repeat;
	padding:5px;
	color:#4d2819;
	border:1px solid #ccc;
	height : 75px;
}




.top_c_box .c_cach {
	background : url("../img/navi_cach.gif") no-repeat 0 .15em;

}


.point {
	font-size:75%;
	line-height:140%;
}

.point th {
	background:#f86903;
	color:#fff;
}

.point td {
	vertical-align : top;
}


.point .f1 {
	background : #f1f1f1;
}


.key td {
	background : #f1f1f1;
	border : 0px;
	border-bottom : 1px solid orange;

}




#cont_main .info_in li {
	line-height : 100%;
}



.f80 {
	font-size : 80%;
}


#contents_t {
	margin : 10px auto 20px auto;
	text-align : center;
	padding : 10px 0 10px 0;
	line-height : 200%;
	font-size : 200%;
	background : #f7f7f7;
}


#kanren {
	margin-top:40px;
}



#kanren ul {
	margin-top:-10px;
}


#kanren ul li {
	line-height : 110%;
}

.kensaku {
	background : url("../img/search.gif") no-repeat 0 0;
	width : 110px;
	height : 23px;
	text-indent : -777777px;
}


.formb {
	text-align:center;
	margin:15px auto 15px auto;
	width:430px;
}

.formb form {
	padding-left:105px;
}



html>/**/body div .kensaku {
	text-indent : 0px;
}

html>/**/body div .formb form {
	padding-left:110px;
}




#s_li ul {
	margin : 0 0 0 -20px;
}


#s_li ul li {
	list-style : none;
	padding : 0 0 2px 25px;
	margin : 0 0 5px 0;
	border-bottom : 1px dashed #ccc;
	background : url("../img/navi_cach.gif") no-repeat 0 .3em;
}


.sitemap_sm {
	background:#f4f4f4;
	padding:3px 3px 3px 10px;
	margin:35px 0 20px -30px;
	color : #cc0000;

}



.info_lefttable {
	width : 190px;
	background : #f7f7f7;
	padding : 5px 20px 5px 20px;
	font-weight : normal;
	text-align : left;
	white-space : nowrap;
}

.info_righttable {
	padding : 5px 0 5px 10px;
	margin:0 0 0 15px;
	text-align : left;
}


.textarea {
	border : 0px;
}


img {
	border:0px;
}

#member_main table {
	clear : both;
}

.y_form {
	height:35px;
	width:450px;
	border:1px solid #999;
	font-size:170%;
}

html>/**/body div .y_form {
	margin-top : 20px;
}



.y_bt {
	height:40px;
	width:120px;
	font-size:140%;
}





