@charset "shift_jis";

/*--------------------
  service base
--------------------*/

/*---- main wrap -----*/

#index-wrap, #faq-wrap, #price-wrap, #option-wrap,
#flow-wrap, #naiyo-wrap, #voice-wrap, #kinshi-wrap, 
#case-wrap, #serverdata-wrap, #guide-wrap, #spot-wrap, 
#rev-wrap, #omakase-wrap {
	width:620px;
	float: left;
	text-align:center;
}

/*---- h2 -----*/
h2 {
	padding:4px 0px 12px;
}

/*---- h3 -----*/
h3 {
	padding:10px;
	clear:both;
	margin: 0px 0px 10px;
}

h3.ip {
	padding:8px 10px 7px;
	vertical-align: middle;
}

h3.ip img {
	vertical-align: middle;
}

h3.ip span.gyaku {
	padding-left: 10px;
}

/*---- side wrap -----*/

#side-wrap {
	width:163px;
	float: right;
}

#side-wrap h2 {
	padding:0px 0px 2px;
}

/* base-menu */
#side-wrap ul.menu {
	margin: 0px 0px 10px;
}

	#side-wrap ul.menu li {
		margin: 4px 0px;
	}

/* base-menu2 */


#side-wrap ul.menu2{
	width:163px;
	background:url(../common/side_head01.jpg) no-repeat top right;
	padding:5px 0px 0px;
}

	#side-wrap ul.menu2 li{
		background:#F7F7F7;
	}
	
		#side-wrap ul.menu2 li a{
		background:url(../common/sideb_bg.gif) no-repeat left bottom;
		padding:10px 0px 0px 20px;
		display: block;
		height: 23px;
		}

		#side-wrap ul.menu2 li a:hover {
		background:#E1F4FD url(../common/sideb_bg_o.gif) no-repeat left bottom;
		}

		#side-wrap ul.menu2 li span {
		background:#E1F4FD url(../common/sideb_bg_o.gif) no-repeat left bottom;
		padding:10px 0px 0px 20px;
		display: block;
		height: 23px;
		}
		

	#side-wrap ul.menu2 li.bottom{
	background:#F7F7F7 url(../common/side_foot01.jpg) repeat-x bottom;
	padding: 0px 0px 5px;
	}

	#side-wrap ul.menu2 li.bottom a{
	background:#F7F7F7 url(../common/side_icon01.jpg) no-repeat 6px 10px;
	}

	#side-wrap ul.menu2 li.bottom a:hover {
	background:#E1F4FD url(../common/side_icon01.jpg) no-repeat 6px 10px;
	}

	#side-wrap ul.menu2 li.bottom span {
	background:#E1F4FD url(../common/side_icon01.jpg) no-repeat 6px 10px;
	}
		

/* campaign-menu */	
#side-wrap ul.cam {
	margin: 10px 0px;
}

	#side-wrap ul.cam li {
	margin: 2px 0px 8px;
	text-align: center;
	}

/* kanren-service-menu */	
#side-wrap ul.service {
	margin: 10px 0px;
}

	#side-wrap ul.service li {
	margin: 3px 0px 6px;
	text-align: center;
	}

/* mydomain-menu */	
#side-wrap .mydomain-menu {
	margin: 10px 0px;
}

	#side-wrap ul.mydomain-menu li {
	margin: 2px 0px 4px;
	text-align: center;
	}

/* mydomain-serch */	
#side-wrap .domainsearch {
	margin: 0px 0px 10px;
	padding: 8px;
	border: 1px solid #ABC6E0;
}

#side-wrap .domainsearch .www {
	margin: 0px 0px 10px;
}

	#side-wrap .domainsearch em {
		margin-right: 5px;
	
	}

	#side-wrap .domainsearch .botan {
	background:#DDE8F2;
	text-align: center;
	padding: 3px;
	margin: 3px 0px;
	clear: both;
	}

	#side-wrap .domainsearch .txt {
	font-size: x-small;
	margin: 0px 0px 10px;
	}

	#side-wrap .domainsearch input.text {
	width: 110px;
	height: 14px;
	padding: 1px 1px 0 1px;
	line-height: 1.3;
	border: 1px solid #CCCCCC;
	background: #F7F7F7;
	font-size: 110%;
	}



/*---- tab menu base ----*/
ul#tab,
ul#tab2 {
	height: 28px;
}

	ul#tab li,
	ul#tab2 li {
		display: block;
		height: 28px;
		padding: 0px 2px 0px 0px;
		float: left;
	}
	
	ul#tab li a,
	ul#tab2 li a {
	display:block;
	height:18px;
	text-align: center;
	padding: 10px 0px 0px 0px;
	color: #5A5A5A;
	}
	
	ul#tab li span,
	ul#tab2 li span {
		display:block;
		height:18px;
		text-align: center;
		color: #ffffff;
		padding: 10px 0px 0px 0px;
		font-weight: bold;
	}


/*----weboss_edit----*/
div#side-wrap h3.none {
	background:none;
	border:none;
	margin:0;
	padding:0 0 6px;
	font-size:0;
	line-height:0;
}
div#side-wrap h3#side-top-title {padding-top:42px;}
div#side-wrap p.application {font-size:10px; line-height:1.25;}
div#side-wrap p.application strong {color:#f33; font-size:12px; margin-right:5px;}
div#side-wrap dl#side-bnr-60days {background:#00216d; padding:3px 2px 5px; margin:3px 0 10px;}
div#side-wrap dl#side-bnr-60days dd {text-align:center; padding-top:4px;}
div#side-wrap ul.text-link {
	list-style:none;
	padding:0 3px 5px;
	font-size:10px;
}
div#side-wrap ul.text-link li {background:url(../images/lm02.gif) left 1px no-repeat; padding-left:10px; margin-bottom:7px;}
div#side-wrap div#change-box {background:#00216d url(../service/images/side_back_list.gif) top no-repeat; margin-bottom:15px;}
div#side-wrap div#change-box ol li {list-style:none; font-size:0; line-height:0;}
div#side-wrap div#change-box p {text-align:center; padding:14px 0 5px;}
div#side-wrap p#campaign-bnr {padding:0; margin:0; font-size:0; line-height:0;}

/*----2011/6/2 doi_edit----*/
#wrapper #contents #side-wrap div {
	margin-bottom: 15px;
}