@charset "utf-8";
/* CSS Document v1.0 */
/* FIVE MIX CSS */
/*----------*/
* { margin: 0px; padding: 0px; }

/*------------ html --------------*/
body {
	margin: 0px;
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #666;
	background: url(../images/bg.jpg);
}

p {
	font-size: 12px;
	color: #666;
	line-height: 1.4;
}

h1 {
	width: 550px;
	border: 1px #666 solid;
	border-bottom-style: none;
	border-top-style: none;
	margin-bottom: 5px;
	padding: 10px;
	font-size: 14px;
	color: #666;
}
h2 {
	padding: 5px;
	font-size: 16px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #666;
}
h3 {
	width: 545px;
	border: 1px #666 solid;
	border-left-width: 5px;
	border-right-style: none;
	border-top-style: none;
	margin-bottom: 5px;
	padding: 10px;
	font-size: 12px;
	color: #666;
}
h4 {
	width: 255px;
	border: 1px #666 solid;
	border-left-width: 5px;
	border-right-style: none;
	border-top-style: none;
	margin-bottom: 5px;
	padding: 10px;
	font-size: 14px;
	color: #666;
}

a:link { color: #666; text-decoration: underline; }
a:visited { color: #666; text-decoration: underline; }
a:hover, a:active, a:focus { color: #f93; text-decoration: underline; }


table.tbl {
	border: 1px #999 solid;
	border-bottom-style: none;
	border-right-style: none;
}

table.tbl th {
	border: 1px #999 solid;
	border-top-style: none;
	border-left-style: none;
	background: #eee;
	font-size: 10px;
	padding: 5px;
}

table.tbl td {
	border: 1px #999 solid;
	border-top-style: none;
	border-left-style: none;
	font-size: 10px;
	padding: 5px;
}

table.notbl {
	border: none;
}

table.notbl td {
	border: none;
	font-size: 10px;
	padding: 5px;
}


/*----------- grobal -------------*/
div#navi {
	position: absolute;
	width: 860px;
	height: auto;
	left: 50%;
	margin-top: 0px;
	margin-left: -430px;
	background: url(../images/main_bg.png) repeat-y;
}
* html body div#navi {
	/* IE6以下のIEみ適用 */
	position: absolute;
	width: 860px;
	height: auto;
	left: 50%;
	margin-top: 0px;
	margin-left: -430px;
	background: url(../images/spacer.gif) repeat-y;
}


div#contents {
	width: 800px;
	height: auto;
	float: left;
	margin: 0 30px;
	background: url(../images/main_bg_yloop.jpg) repeat-y;
}

div#topmenu {
	width: 179px;
	height: 32px;
	float: right;
	background: url(../images/top_menu.jpg) no-repeat;
	margin-bottom: -10px;
	padding-top: 8px;
	padding-left: 20px;
	font-size: 10px;
}

div#header {
	width: 790px;
	height: auto;
	float: left;
	margin: 0 5px !important;
	margin: 0 3px;
}

div#left {
	width: 200px;
	float: left;
	margin-left: 5px !important;
	margin-left: 3px;
}

div.small {
	background: url(../images/left_bg_yloop.jpg) repeat-y;
	width: 200px;
}

ul li {
	list-style: none;
}

.small ul li p {
	background:url(../images/mark_li.jpg) 10px 7px no-repeat;
	padding: 5px 28px 3px;
	margin: 0;
}
.small ul li.hd a,
.small ul li.hd a:link,
.small ul li.hd a:visited {
	width: 160px;
	height: 22px;
	background:url(../images/side_menu_bg.jpg) 5px 3px no-repeat;
	list-style: none;
	padding:  15px 20px 3px;
	color: #666;
	text-align:left;
	font-size: 12px;
	display: block;
	text-decoration: none;
}
.small ul li.hd a:hover {
	width: 160px;
	height: 22px;
	background:url(../images/side_menu_bg_r.jpg) 5px 3px no-repeat;
	padding:  15px 20px 3px;
	color: #fff;
	display: block;
	text-decoration: none;
}

.infolist dl dd {
	width: 550px;
	border-bottom:1px dotted #ccc;
	background:url(../images/mark_li.jpg) 5px 3px no-repeat;
	list-style: none;
	margin-bottom: 8px;
	padding: 0 0 3px 20px;
	color: #666;
	text-align:left;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.4;
}

div#right {
	width: 590px;
	float: left;
}

div#crumb {
	margin: 5px 5px 0 5px;
}

div#footer {
	width: 760px;
	float: left;
	text-align: right;
	padding: 30px 20px;
	background: url(../images/footer_bg.jpg) repeat-y;
	color: #666;
}

div#gmaps {
	border: 1px solid #999;
}



.padding10px { padding: 10px; }
.padding5px { padding: 5px; }
.margin10px { margin: 10px; }
.margin5px { margin: 5px; }
.notice { font-size: 10px; color:#999; margin: 3px 0; }
.caution { color: #f00; }

.line {
	background: url(../images/dot1.jpg) repeat-x;
	background-position: center center;
	height: 10px;
	padding: 3px 0;
}



ul.news li {
	width: 550px;
	border-bottom:1px dotted #ccc;
	background:url(../images/mark_li.jpg) 5px 3px no-repeat;
	list-style: none;
	margin: 2px 0 8px 10px;
	padding: 0 0 3px 20px;
	color: #666;
	text-align:left;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.4;
}

div.top_choice {
	background: url(../images/top_choice.jpg) no-repeat;
	padding: 15px;
}
div.top_seo {
	background: url(../images/top_seo.jpg) no-repeat;
	padding: 15px;
}
div.top_seote {
	background: url(../images/top_seote.jpg) no-repeat;
	padding: 15px;
}
div.top_seofive {
	background: url(../images/top_seofive.jpg) no-repeat;
	padding: 15px;
}
div.top_homepage {
	background: url(../images/top_homepage.jpg) no-repeat;
	padding: 15px;
}
div.top_result {
	background: url(../images/top_result.jpg) no-repeat;
	padding: 15px;
}
div.top_seohow {
	background: url(../images/top_seohow.jpg) no-repeat;
	padding: 15px;
}
div.top_seolongtail {
	background: url(../images/top_seolongtail.jpg) no-repeat;
	padding: 15px;
}
div.top_seoflow {
	background: url(../images/top_seoflow.jpg) no-repeat;
	padding: 15px;
}
div.top_seoprice {
	background: url(../images/top_seoprice.jpg) no-repeat;
	padding: 15px;
}
div.c_block {
	margin: 10px;
	padding: 10px;
	background: #f3f8ff;
	line-height: 1.4em;
}
div.c_head {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}
div.c_head p.head {
	font-weight: bold;
	color: #007dd4;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
div.c_head div.left {
	width: 200px;
	float: left;
}
div.c_head div.right {
	width: 340px;
	margin-left: 10px;
	float: left;
	font-size: 11px;
	line-height: 1.3em;
}
div.c_head div.rightb {
	width: 340px;
	margin-left: 10px;
	float: left;
	font-size: 12px;
	line-height: 1.3em;
}
div.c_head div.fleft {
	width: 150px;
	float: left;
}
div.c_head div.fright {
	width: 390px;
	margin-left: 10px;
	float: left;
	font-size: 12px;
	line-height: 1.3em;
}
div.c_head div.rightb div.title {
	font-weight: bold;
	color: #007dd4;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #ccc;
}