@charset "utf-8";

/* preference */

*{
	margin:0;
	padding:0;
}

body{
	font-size:12px;
	line-height:1.5;
	background:url(layout/main_bg.jpg) 0 208px repeat-x;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Arial, Helvetica, sans-serif;
	color:#555;
}

ul{
	list-style:none;
}

img{
	border:none;
}

div#pageWrapper{
	width:100%;
	background:url(layout/header_bg.jpg) 50% 0 no-repeat;
}

a{
	color:#0099CC;
}

a:hover{
	color:#FF3300;
}

.error_message{
	color:#FF0000;
}

/*   header  */

div#header_all{
	width:887px;
	height:208px;
	position:relative;
	margin:0 auto;
}

div#header_all h1 a,
div#header_all p a{
	font-size:22px;
	color:#fff;
	width:200px;
	height:25px;
	position:absolute;
	top:100px;
	left:60px;
	text-decoration:none;
	font-weight:bold;
}

div#header_all h1 a:hover,
div#header_all p a:hover{
	color:#FFCC00;
	text-decoration:underline;
}

div#header_all h2{
	height:30px;
	font-size:10px;
	color:#999;
	font-weight:normal;
	position:absolute;
	line-height:30px;
	top:0px;
	left:5px;
}

div#ad468{
	position:absolute;
	top:133px;
	right:15px;
}

/* main */
	
div#main_wrapper{
	width:890px;
	margin:15px auto 0 auto;
	overflow:hidden;
	background:url(layout/right_bg.jpg) 610px 0 repeat-y;
}

div#main_contents{
	width:602px;
	padding-right:8px;
	float:left;
}
* html div#main_contents{
	display:inline;
}

div#right_navi{
	width:280px;
	float:left;
}

* html div#right_navi{
	overflow:hidden;
}

h3{
	font-size:14px;
	color:#fff;
	padding-left:60px;
	background:url(layout/h3.jpg) 0 0 no-repeat;
}

h3.service{
	line-height:42px;
	padding-left:20px;
	clear:both;
}

h3.top_news{
	background:url(layout/h3_new.jpg) 0 0 no-repeat;
	line-height:48px;
}

h3.area{
	background:url(layout/h3_area.jpg) 0 0 no-repeat;
	line-height:42px;
}

div#right_navi h3{
	background:url(layout/right_contents.jpg) 0 0 no-repeat;
	height:36px;
	text-indent:-9999px;
}

div.top_title{
	position:relative;
	width:602px;
	height:48px;
}

div.top_title ul{
	width:108px;
	height:23px;
	position:absolute;
	top:12px;
	right:14px;
}
div.top_title ul.allarea{
	width:67px;
	height:23px;
	top:6px;
}

div.top_title ul.cat_regist{
	top:6px;
}

div.top_title ul li a{
	display:block;
	width:108px;
	height:23px;
	background:url(layout/btn_more.jpg) 0 0 no-repeat;
	text-indent:-9999px;
}

div.top_title ul.allarea li a{
	width:67px;
	height:23px;
	background:url(layout/btn_more_alljapan.jpg) 0 0 no-repeat;
}

div.top_title ul.cat_regist li a{
	background:url(layout/btn_more_regist.jpg) 0 0 no-repeat;
}

div.top_title ul li a:hover{
	background-position:0 -23px;
}

/*  div.contents */

div.contents{
	margin-bottom:15px;
	overflow:hidden;
}

div.contents_top{
	height:9px;
	background:url(layout/contents_top.gif) 0 0 no-repeat;
}

* html div.contents_top{
	overflow:hidden;
	width:100%;
}

div.contents_top span{
	display:block;
	margin:0 0 0 auto;
	width:13px;
	height:9px;
	background:url(layout/contents_top_right.gif) 100% 0 no-repeat;
}

div.contents_bottom{
	height:13px;
	background:url(layout/contents_bottom.gif) 0 0 no-repeat;
}
* html div.contents_bottom{
	clear:both;
	width:100%;
}

div.contents_bottom span{
	display:block;
	margin:0 0 0 auto;
	width:13px;
	height:13px;
	background:url(layout/contents_bottom_right.gif) 100% 0 no-repeat;
}

div#right_navi div.contents_top{
	background:url(layout/contents_top2.gif) 0 0 no-repeat;
}

div#right_navi div.contents_bottom{
	background:url(layout/contents_bottom2.gif) 0 0 no-repeat;
}

div#right_navi div.contents p{
	padding:10px;
	background:url(layout/contents_bg2.gif) 0 0 repeat-y;
}
	

/* top_contents */

div.contents div.news_wrapper{
	padding:20px 25px;
	background:url(layout/contents_bg.gif) 0 0 repeat-y;
	overflow:hidden;
}
* html div.contents div.news_wrapper{
	width:552px;
	height:1%;
}

div.contents ul.top_news_ul{
	overflow:hidden;
	border-bottom:1px dotted #ccc;
}
* html div.contents ul.top_news_ul{
	width:100%;
	height:1%;
}

div.contents ul.top_news_ul li.news_left{
	float:left;
	background:url(layout/contents_mark01.gif) 0 50% no-repeat;
	padding:5px 15px 5px 15px;
	color:#999;
}
* html div.contents ul.top_news_ul li.news_left{
	clear:both;
}
div.contents ul.top_news_ul li.news_right{
	float:left;
	padding:5px 0;
}
div.contents ul.top_news_ul li.news_right a{
	color:#006666;
}
div.contents ul.top_news_ul li.news_right a:hover{
	color:#FF3300;
}

/* area */

div.top_area{
	position:relative;
	width:602px;
	height:308px;
	background:url(layout/area_bg.jpg) 0 0 no-repeat;
	margin-bottom:15px;
}

div.top_area div{
	position:absolute;
	width:114px;
	height:103px;
	overflow:hidden;
}

/* each_area */
div.top_area div#area01{
	top:30px;
	right:40px;
}

div.top_area div#area02{
	top:160px;
	right:40px;
}

div.top_area div#area03{
	top:30px;
	right:177px;
}

div.top_area div#area04{
	top:160px;
	right:177px;
}

div.top_area div#area05{
	top:30px;
	left:172px;
}

div.top_area div#area07{
	top:160px;
	left:172px;
}

div.top_area div#area06{
	top:30px;
	left:37px;
}

div.top_area div#area08{
	top:160px;
	left:37px;
}
/* each_area ここまで　*/

div.top_area div table{
	width:110px;
	border-collapse:collapse;
}

div.top_area div table th{
	color:#FF3399;
	line-height:26px;
	padding-bottom:3px;
}

div.top_area div table td{
	padding:0px 3px;
	text-align:center;
}

div.top_area div table td a{
	color:#666;
}
div.top_area div table td a:hover{
	color:#FF3300;
}


/*  selectItem */

div#contents2_wrapper{
	overflow:hidden;
	margin-bottom:15px;
}

div#selectItem{
	width:290px;
	float:left;
	margin-right:20px;
}

div#selectItem p.search_select{
	text-align:right;
	background:url(layout/select_mark01.gif) 0 50% no-repeat;
	padding-left:12px;
	width:110px;
	margin:0 0 5px auto;
}

div#selectItem p.search_select a{
	color:#666;
}


div#faq{
	width:290px;
	float:left;
	background:#efefef;
}


div#selectItem h4,
div#faq h4{
	width:210px;
	height:31px;
	font-size:14px;
	color:#fff;
	padding-top:20px;
	padding-left:80px;
	background:url(layout/h4_select.jpg) 0 0 no-repeat;
	margin-bottom:10px;
}

div#faq h4{
	background:url(layout/h4_faq.jpg) 0 0 no-repeat;
	margin-bottom:10px;
}

/* items */

div.items,div.items2{
	padding:10px;
	background:#efefef url(layout/item_mark01.gif) 0 0 no-repeat;
	overflow:hidden;
}

div.items2{
	background:#fafafa url(layout/item_mark02.gif) 0 0 no-repeat;
}

* html div.items{
	width:270px;
}

* html div.items2{
	width:270px;
}

div.item_images{
	width:90px;
	overflow:hidden;
	float:left;
}

div.item_ex{
	float:left;
	padding-left:10px;
	width:170px;
	overflow:hidden;
}

div.item_ex h5 a{
	font-size:12px;
	color:#0033CC;
	background:url(layout/select_mark03.gif) 0 50% no-repeat;
	padding-left:15px;
	line-height:1.2;
}

div.item_ex h5 a:hover{
	color:#FF6600;
}

div.item_ex p.items_price{
	font-size:16px;
	color:#009933;
	font-weight:bold;
	margin:5px 0;
}

div.item_ex p.items_price span{
	font-size:10px;
	color:#999;
	font-weight:normal;
}

/* faq */

div.eachFAQ{
	padding:0 5px;
}

div.eachFAQ p.faq_date span{
	display:block;
	height:20px;
	background:#fff url(layout/select_mark01.gif) 5px 50% no-repeat;
	font-size:10px;
	line-height:20px;
	padding-left:15px;
	border:1px solid #ccc;
}

div.eachFAQ p.faq_date span img{
	vertical-align:middle;
}

div.eachFAQ p.faq_title{
	background:url(layout/faq_mark.jpg) 0 0 no-repeat;
	padding-left:40px;
	margin:10px 0;
	min-height:33px;
}
* html div.eachFAQ p.faq_title{
	height:33px;
}

div.eachFAQ p.faq_title a{
	color:#0099CC;
}

div.eachFAQ p.faq_title a:hover{
	color:#FF6600;
}

div.eachFAQ p.faq_body{
	padding-bottom:7px;
	margin-bottom:10px;
	border-bottom:1px dotted #ccc;
}

/* category */

div.cat{
	background:url(layout/contents_bg.gif) 0 0 repeat-y;
	overflow:hidden;
	padding:20px;
}

* html div.cat{
	height:1%;
}

div.cat dl.categories{
	padding:10px;
}

div.cat dl.categories dt{
	display:inline;
	padding: 0 5px;
	border-left:1px solid #ccc;
	line-height:2;
}


div.cat_wrapper{
	width:280px;
	float:left;
	border-bottom:1px dotted #ccc;
	margin-bottom:5px;
	padding-bottom:5px;
}

div.cat_wrapper h5{
	background:url(layout/contents_mark01.gif) 0 50% no-repeat;
	padding-left:15px;
	padding-bottom:5px;
}

div.cat_wrapper h5 a{
	color:#FF3366;
}
div.cat_wrapper h5 a:hover{
	color:#FF6600;
}

div.cat_wrapper p.cat_anchor a{
	color:#0099cc;
}
div.cat_wrapper p.cat_anchor a:hover{
	color:#FF6600;
}

/**************************   right  ************************/

div.right_navi_inner{
	padding-left:15px;
}

div#search{
	width:275px;
	height:65px;
	background:url(layout/search_bg.jpg) 0 0 no-repeat;
	position:relative;
}

div#search_forMainArea div#search{
	width:260px;
	height:61px;
	background:url(layout/search_bg_mainarea.gif) 0 0 no-repeat;
	position:relative;
}

div#search p.parts01{
	position:absolute;
	top:27px;
	left:20px;
}

div#search_forMainArea div#search p.parts01{
	position:absolute;
	top:22px;
	left:6px;
}

div#search p.parts01 input{
	font-size:12px;
	padding:1px;
	width:155px;
}

div#search_forMainArea div#search p.parts02{
	position:absolute;
	top:22px;
	right:10px;
}

div#search p.parts02{
	position:absolute;
	top:26px;
	right:10px;
}

div.right_menu{
	margin-bottom:15px;
}

div.right_menu ul li a{
	display:block;
	font-size:12px;
	color:#666;
	text-decoration:none;
	width:240px;
	min-height:15px;
	background:#fff url(layout/right_navi.jpg) 0 0 no-repeat;
	padding:10px 0 10px 20px;
}

* html div.right_menu ul li a{
	height:1px;
}

div.right_menu ul li a:hover{
	background-position:-260px 0px;
	color:#fff;
}

p.right_ex,div.right_reco{
	padding:10px;
	background:#fff;
	border:1px dotted #ccc;
	margin:10px 0;
}

div.right_reco ul li{
	background:url(layout/contents_mark01.gif) 0 2px no-repeat;
	padding-left:15px;
	line-height:1.6;
	margin-bottom:5px;
	color:#999;
}

div.right_reco ul li a{
	color:#0099CC;
}

div.right_reco ul li a:hover{
	color:#FF3366;
}

/****************************  footer  **********************/

div#footer{
	clear:both;
	height:90px;
	background:url(layout/footer_bg.jpg) 0 0 repeat-x;
}

div#footer_inner{
	position:relative;
	width:890px;
	height:90px;
	margin:0 auto;
}

div#footer_inner ul{
	position:absolute;
	top:20px;
	right:10px;
}

div#footer_inner ul li{
	display:inline;
}

div#footer_inner ul li a{
	color:#666;
}

div#footer_inner ul li a:hover{
	color:#000;
}

p.f_sitetitle{
	position:absolute;
	top:20px;
	background:url(layout/footer_mark.gif) 0 0 no-repeat;
	padding-left:25px;
	font-size:14px;
	font-weight:bold;
}
p.copyright{
	position:absolute;
	top:50px;
}


/************************   下層ページ ************************/

/* categoryPage-CSS*/

/* title */

h3.cat_title{
	font-size:18px;
	color:#fff;
	background:url(layout/cat_title.jpg) 0 0 no-repeat;
	line-height:35px;
	padding-left:15px;
	height:42px;
}



/* パンクズ */

div#breadcrums{
	border:1px dotted #ccc;
	padding:3px;
	padding-left:10px;
	background:#fff url(layout/cat_bread_mark01.gif) 5px 50% no-repeat;
	margin-bottom:10px;
}

div#breadcrums ul{
	overflow:hidden;
}
* html div#breadcrums ul{
	height:1%;
}

div#breadcrums ul li{
	float:left;
	padding-left:5px;
}

div#breadcrums ul li a{
	display:block;
	padding-right: 20px;
	background:url(layout/cat_bread_mark02.gif) 100% 50% no-repeat;
}

/* サブカテ */

div.sub_cat_wrapper{
	background:url(layout/contents_bg.gif) 0 0 repeat-y;
}

table#sub_cat{
	table-layout:fixed;
	width:100%;
}

table#sub_cat td{
	padding:2px;
	padding-left:25px;
	background:url(layout/contents_mark01.gif) 10px 5px no-repeat;
}

table#sub_cat caption{
	color:#999;
	border-bottom:1px solid #efefef;
}

div.counter{
	margin-bottom:10px;
}

/**  各リンク部  **/

div.each_link_wrapper{
	background:url(layout/contents_bg.gif) 0 0 repeat-y;
	padding:10px;
}

div.each_link{
	overflow:hidden;
}

div.each_link h4,
div.p h2{
	padding-left:25px;
	background:url(layout/cat_body_title.gif) 0 50% no-repeat;
	font-size:18px;
	margin-bottom:8px;
}

div.each_link h4 img{
	vertical-align:middle;
}

div.each_link_body{
	padding:5px 10px 5px 25px;
	margin-bottom:10px;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	overflow:hidden;
}

* html div.each_link_body{
	height:1%;
}

div.each_link_body p{
	float:left;
	max-width:450px;
}

div.each_link_body p.banner{
	padding-right:10px;
	width:81px;
	height:31px;
	overflow:hidden;
}

div.edit_link{
	text-align:right;
	font-size:10px;
	padding-right:10px;
	clear:both;
}

div.page_link{
	text-align:center;
	margin:15px 0;
}

div.page_link a{
	text-decoration:none;
}

/****************   regist page ********************************/

div.p{
	overflow:hidden;
	padding:20px;
}

div#regist_contents{	
	padding:20px;
	overflow:hidden;
	background:url(layout/contents_bg.gif) 0 0 repeat-y;
}

div#regist_contents h1,
div.p h2,
div#regist_contents h2,
div#regist_contents h3{
	color:#0099CC;
	margin-bottom:15px;
	border-bottom:1px dotted #0099CC;
	font-size:18px;
}

div#regist_contents h3{
	background:url(layout/cat_body_title.gif) 0 50% no-repeat;
	padding-left:20px;
}
div.p_link{
	text-align:right;
	margin-bottom:15px;
}

div.p ul,
div.p ol{
	margin-bottom:15px;
	padding-left:25px;
}

div.p ul li,
div.p ol li{
	border-bottom:1px dotted #666;
	padding-bottom:3px;
	margin-bottom:3px;
}

div.p strong{
	color:#0066CC;
}

div.p p{
	padding-bottom:10px;
}

div#regist_contents div.p h3{
	background:none;
	padding-left:15px;
	border-left:5px solid #339999;
	color:#339999;
	margin:10px 0;
}

div#regist_contents table{
	border-collapse:collapse;
	width:100%;
	margin:10px 0;
}

div#regist_contents table td,
div#regist_contents table th{
	background:url(layout/td_bg.jpg) 0 0 repeat-x;
	border:1px solid #FF9933;
	padding:6px;
}

div#regist_contents table th{
	min-width:6em;
}

div#regist_contents table td input{
	border:2px solid #FF6600;
	background:#fff;
	font-size:12px;
	padding:3px;
}

div#regist_contents table .center{
	
	padding-top:10px;
}

div#regist_contents table .center input{
	border:2px solid #FF6600;
	background:#FF6600;
	font-size:12px;
	color:#fff;
}

.red{
	color:#FF0000;
}

.notice{
	font-size:10px;
}

.mutual {
	font-size:80%;
	color:#99BBAA;
	margin-left:5px;
}
.remark {
	font-size:80%;
	color:#BB99AA;
	margin-left:5px;
}