@charset "Shift_JIS";


/*--------------------------------------

CSS Information

Site URL:		http://www.seo-tradings.com/
File name:		style.css(http://www.seo-tradings.co.jp/css/print.css)
Summary:		print style
Created:		2008-05-28
Last update:	2008-05-28 by Mizuho Saito
Autor:			Mizuho Saito
Copyright:		(c)2008 seo-tradings


Order of description

__Default_style_clear
__Body
__Header
__Navigation
__Main img
__Contents
__Side
__Side performance
__Footer

__Top page
__Seo.html
__Service.html
__Performance.html
__Faq.html
__Words.html
__Company.html
__Privacy.html
__Sitemap.html
__Entry
__Inquiry
__Site.html

--------------------------------------*/


/*---------------------------
__Default_style_clear
---------------------------*/
@import url(reset.css);


/*---------------------------
__Body
---------------------------*/
body {
	background: url("../img/bg.jpg");
	text-align: center;
	scrollbar-3dlight-color: #ADD6EB;
	scrollbar-face-color: #FFF;
	scrollbar-arrow-color: #5CADD6;
	scrollbar-base-color: #EEEEEE;
	scrollbar-shadow-color: #52A9D3;
	scrollbar-darkshadow-color: #ADD6EB;
	scrollbar-highlight-color: #ADD6EB;
	scrollbar-track-color: #EEEEEE;
}

#bg {
	background: url("../img/bg_top.jpg") repeat-x;
}


#area {
	width: 720px;
	background: #FFF;
	margin: 0px auto;
}


/*---------------------------
__Header
---------------------------*/
#header {
	text-align: left;
	width: 720px;
	height: 65px;
}

h1 {
	display: none;
	text-align: right;
	font-size: 11px;
	font-weight: normal;
	padding: 6px 6px 0px 0px;
}

#header ul {
	display: none;
	float: right;
	background: url("../img/h_line.jpg") no-repeat;
	width: 220px;
	height: 18px;
	margin-top: 15px;
}

#header li {
	list-style-type: none;
	display: inline;
	float: left;
	font-size: 11px;
	background: url("../img/h_line.jpg") no-repeat right center;
	padding: 4px 12px 3px 10px;
}

#header li a {
	color: #52A9D3;
	text-decoration: none;
}

#header li a:hover {
	color: #52A9D3;
	background: #CEF861;
	text-decoration: none;
}

#header h2 {
	float: left;
	margin: 0px 0px 0px 0px;
}


/*---------------------------
__Navigation
---------------------------*/
ul#navi {
	display: none;
	clear: both;
	float: left;
	width: 720px;
	height: 40px;
	background: url("../img/g_navi.jpg") no-repeat;
}

ul#navi li {
	float: left;
	list-style-type: none;
}

ul#navi li a {
	display: block;
	width: 120px;
	height: 40px;
	text-indent: -99999px;
	font-size: 0px;
	line-height: 0px;
}

.navi01 a:active,
.navi01 a:focus,
.navi01 a:hover {
	background: url("../img/g_navi.jpg") no-repeat left bottom;
}

.navi02 a:active,
.navi02 a:focus,
.navi02 a:hover {
	background: url("../img/g_navi.jpg") no-repeat -120px -40px;
}

.navi03 a:active,
.navi03 a:focus,
.navi03 a:hover {
	background: url("../img/g_navi.jpg") no-repeat -240px -40px;
}

.navi04 a:active,
.navi04 a:focus,
.navi04 a:hover {
	background: url("../img/g_navi.jpg") no-repeat -360px -40px;
}

.navi05 a:active,
.navi05 a:focus,
.navi05 a:hover {
	background: url("../img/g_navi.jpg") no-repeat -480px -40px;
}

.navi06 a:active,
.navi06 a:focus,
.navi06 a:hover {
	background: url("../img/g_navi.jpg") no-repeat -600px -40px;
}


/*---------------------------
__Main img
---------------------------*/
#main_img {
	display: none;
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}

#main_img img {
	border: 0px;
	font-size: 0px;
	line-height:0px;
	margin: 0px;
	padding: 0px;
}


/*---------------------------
__Contents
---------------------------*/
#contents {
	width: 690px;
	margin: 0px 10px 0px 20px;
	text-align: left;
}

#main {
	float: left;
	width: 470px;
	margin-right: 0px;
}

#sub {
	float: right;
	width: 200px;
}

#main p {
	margin: 0px;
	padding: 0px 10px 10px 10px;
	font-size: 12px;
	line-height: 130%;
}

.blue {
	color: #39C;
	font-weight: bold;
}

.green {
	color: #75C71B;
	font-weight: bold;
}

.pink {
	color: #F967A8;
	font-weight: bold;
}

.gray_11 {
	color: #999;
	font-size: 11px;
}

.green_r {
	color: #75C71B;
	font-size: 11px;
	text-align: right;
}

a {
	color: #52A9D3;
	text-decoration: none;
}

a:hover {
	color: #52A9D3;
	background: #CEF861;
	text-decoration: none;
}


/*---------------------------
__Side
---------------------------*/
#sub {
	display: none;
}

.btn_entry a {
	display: block;
	width: 200px;
	height: 60px;
	text-indent: -99999px;
	font-size: 0px;
	line-height: 0px;
	background: url("../img/form_btn.jpg") no-repeat;
	margin-bottom: 10px;
}

.btn_entry a:active,
.btn_entry a:focus,
.btn_entry a:hover {
	background: url("../img/form_btn.jpg") no-repeat right bottom;
}


#side_bnr li {
	list-style-type: none;
	padding-bottom: 5px;
}

.side01 a {
	display: block;
	width: 200px;
	height: 100px;
	text-indent: -99999px;
	font-size: 0px;
	line-height: 0px;
	background: url("../img/bnr_seo.jpg") no-repeat;
}

.side01 a:active,
.side01 a:focus,
.side01 a:hover {
	background: url("../img/bnr_seo.jpg") no-repeat right bottom;
}

.side02 a {
	display: block;
	width: 200px;
	height: 100px;
	text-indent: -99999px;
	font-size: 0px;
	line-height: 0px;
	background: url("../img/bnr_service.jpg") no-repeat;
}

.side02 a:active,
.side02 a:focus,
.side02 a:hover {
	background: url("../img/bnr_service.jpg") no-repeat right bottom;
}

.side03 a {
	display: block;
	width: 200px;
	height: 100px;
	text-indent: -99999px;
	font-size: 0px;
	line-height: 0px;
	background: url("../img/bnr_performance.jpg") no-repeat;
}

.side03 a:active,
.side03 a:focus,
.side03 a:hover {
	background: url("../img/bnr_performance.jpg") no-repeat right bottom;
}

.side04 a {
	display: block;
	width: 200px;
	height: 100px;
	text-indent: -99999px;
	font-size: 0px;
	line-height: 0px;
	background: url("../img/bnr_faq.jpg") no-repeat;
}

.side04 a:active,
.side04 a:focus,
.side04 a:hover {
	background: url("../img/bnr_faq.jpg") no-repeat right bottom;
}

.side05 a {
	display: block;
	width: 200px;
	height: 100px;
	text-indent: -99999px;
	font-size: 0px;
	line-height: 0px;
	background: url("../img/bnr_words.jpg") no-repeat;
}

.side05 a:active,
.side05 a:focus,
.side05 a:hover {
	background: url("../img/bnr_words.jpg") no-repeat right bottom;
}

.side06 a {
	display: block;
	width: 200px;
	height: 100px;
	text-indent: -99999px;
	font-size: 0px;
	line-height: 0px;
	background: url("../img/bnr_design.jpg") no-repeat;
}

.side06 a:active,
.side06 a:focus,
.side06 a:hover {
	background: url("../img/bnr_design.jpg") no-repeat right bottom;
}


/*---------------------------
__Side performance
---------------------------*/
#side_performance {
	width: 200px;
	border: 1px solid #CCC;
	margin-bottom: 10px;
}

#side_performance h3 {
	width: 152px;
	height: 17px;
	background: url("../img/side_performance.jpg") no-repeat;
	text-indent: -99999px;
	margin: 10px 0px 10px 23px;
}

#side_performance p {
	padding: 0px 7px 5px 7px;
}

#side_performance ul {
	width: 180px;
	margin: 5px 10px 0px 10px;
}

#side_performance li {
	list-style-type: none;
	font-size: 12px;
	background: url("../img/line_180.jpg") no-repeat bottom;
	padding-bottom: 10px;
}

#side_performance li span {
	color: #F967A8;
	font-weight: bold;
	text-align: right;
}

#side_performance li.side_num {
	position: relative;
	top: -23px;
	left: 130px;
	background: none;
	color: #F967A8;
	font-weight: bold;
	padding: 0px;
}

p.r_link {
	text-align: right;
	margin: 0px 3px 5px 0px;
	font-size: 12px;
}

p.r_link a {
	background: url("../img/icon_link.jpg") no-repeat;
	padding: 0px 0px 0px 10px;
	margin-top: -5px;
}

p.r_link a:hover {
	padding: 0px 0px 0px 10px;
	margin-top: -5px;
	color: #52A9D3;
	background: url("../img/icon_link_on.jpg") no-repeat #CEF861;
	text-decoration: none;
}


/*---------------------------
__Footer
---------------------------*/
.return {
	display: none;
	clear: both;
	text-align: right;
	padding: 0px 15px 10px 0px;
	font-size: 12px;
}

p.return a {
	background: url("../img/icon_back.jpg") no-repeat;
	padding: 0px 0px 0px 10px;
	margin-top: -5px;
}

p.return a:hover {
	padding: 0px 0px 0px 10px;
	margin-top: -5px;
	color: #52A9D3;
	background: url("../img/icon_back_on.jpg") no-repeat #CEF861;
	text-decoration: none;
}

#footer {
	clear: both;
	width: 720px;
	height: 80px;
	background: url("../img/f_bg.jpg") repeat-x;
	text-align: left;
}

.btn_foot {
	display: none;
}

.btn_foot a {
	float: right;
	width: 200px;
	height: 60px;
	text-indent: -99999px;
	font-size: 0px;
	line-height: 0px;
	background: url("../img/foot_btn.jpg") no-repeat;
	margin: 10px 10px 0px 0px;
}

.btn_foot a:active,
.btn_foot a:focus,
.btn_foot a:hover {
	background: url("../img/foot_btn.jpg") no-repeat right bottom;
}

#foot_l {
	float: left;
	width: 500px;
}

#footer ul {
	display: none;
	background: url("../img/f_line.jpg") no-repeat;
	width: 400px;
	height: 18px;
	margin: 20px 0px 0px 80px;
}

#footer li {
	list-style-type: none;
	display: inline;
	float: left;
	font-size: 11px;
	background: url("../img/f_line.jpg") no-repeat right center;
	padding: 4px 12px 3px 10px;
}

#footer li a {
	color: #FFF;
	text-decoration: none;
}

#footer li a:hover {
	color: #000;
	background: #FFF;
	text-decoration: none;
}

#copyright {
	text-align: left;
	color: #CCC;
	font-size: 11px;
	margin: 20px 0px 0px 200px;
}




/*---------------------------
__Top page
---------------------------*/
#top_ttl01 {
	font-size: 15px;
	margin-bottom: 10px;
	color: #39C;
}

#top_ttl02 {
	font-size: 15px;
	margin-bottom: 10px;
	color: #39C;
}

#top_ttl03 {
	clear: both;
	font-size: 15px;
	margin-bottom: 10px;
	color: #39C;
}

table#top_tbl {
	width: 450px;
	border: 1px solid #D4D4D4;
	margin: 0px 10px 20px 10px;
	font-size: 12px;
/*	background: url("../img/tbl_bg.jpg") repeat-y;*/
}

*html body #top_tbl th {
	width: 100px;
	margin: 0px;
	padding: 10px 10px 10px 10px;
}

*html body td.top_td01 {
	width: 220px;
	margin: 0px;
	padding: 10px 10px 10px 10px;
}

*html body td.top_td02 {
	width: 80px;
	text-align: right;
	margin: 0px;
	padding: 10px 10px 10px 10px;
}

#top_tbl th {
	width: 100px;
	margin: 0px;
	padding: 10px 10px 0px 10px;
}

td.top_td01 {
	width: 220px;
	margin: 0px;
	padding: 10px 10px 0px 10px;
}

td.top_td02 {
	width: 80px;
	text-align: right;
	margin: 0px;
	padding: 10px 10px 0px 10px;
}

#top_tbl td.line_430 {
	margin: 0px;
	padding: 0px 0px 0px 9px;
}

*html body td.top_td03 {
	color: #999;
	font-size: 11px;
	margin: 0px;
	padding: 10px 10px 5px 10px;
}

td.top_td03 {
	color: #999;
	font-size: 11px;
	margin: 0px;
	padding: 10px 10px 10px 10px;
}


#top_work {
	float: left;
	width: 470px;
	background: url("../img/top_work_bg02.jpg") no-repeat bottom;
	margin-bottom: 20px;
}

#top_work_left {
	float: left;
	width: 230px;
	margin: 0px 10px 0px 0px;
	background: url("../img/top_work_head.jpg") no-repeat;
}

#top_work_left h4 {
	color: #75C71B;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	margin: 10px 0px 20px 0px;
}

#top_work_right {
	float: right;
	width: 230px;
	margin: 0px 0px 0px 0px;
	background: url("../img/top_work_head.jpg") no-repeat;
}

#top_work_right h4 {
	color: #F967A8;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	margin: 10px 0px 20px 0px;
}

#top_work_btm {
	clear: both;
	width: 470px;
	height: 10px;
	background: url("../img/top_work_btm.jpg") no-repeat;
}

p.f_clr {
	clear: both;
	height: 10px;
}




/*---------------------------
__Seo.html
---------------------------*/
#seo_ttl01 {
	font-size: 15px;
	margin-bottom: 10px;
	color: #39C;
}

#seo_ttl02 {
	clear: both;
	font-size: 15px;
	margin: 10px 0px;
	color: #39C;
}

#seo_ttl03 {
	font-size: 15px;
	margin: 10px 0px;
	color: #39C;
}

#seo_txt01 img {
	float: right;
	margin: 0px 10px 0px 10px;
}




/*---------------------------
__Service.html
---------------------------*/
#service_ttl01 {
	font-size: 15px;
	margin: 10px 0px;
	color: #39C;
}

#service_ttl02 {
	font-size: 15px;
	margin: 10px 0px;
	color: #39C;
}

#service_ttl03 {
	font-size: 15px;
	margin: 10px 0px;
	color: #39C;
}

#srv_work {
	float: left;
	width: 470px;
	background: url("../img/top_work_bg02.jpg") no-repeat bottom;
	margin-bottom: 20px;
}

#srv_work_left {
	float: left;
	width: 230px;
	margin: 0px 10px 0px 0px;
	background: url("../img/top_work_head.jpg") no-repeat;
}

#srv_work_left h4 {
	color: #75C71B;
	font-weight: bold;
	font-size: 12px;
	margin: 10px 0px 20px 20px;
}

#srv_work_right {
	float: right;
	width: 230px;
	margin: 0px 0px 0px 0px;
	background: url("../img/top_work_head.jpg") no-repeat;
}

#srv_work_right h4 {
	color: #F967A8;
	font-weight: bold;
	font-size: 12px;
	margin: 10px 0px 20px 20px;
}

#srv_work p {
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
}

#srv_work p.srv_price {
	margin: -34px 0px 5px 170px;
	padding: 0px;
}




/*---------------------------
__Performance.html
---------------------------*/
#performance_ttl01 {
	font-size: 15px;
	margin: 10px 0px;
	color: #39C;
}

table#prf_tbl {
	width: 450px;
	border: 1px solid #D4D4D4;
	margin: 0px 10px 10px 10px;
	font-size: 12px;
}

*html body #prf_tbl th {
	width: 220px;
	margin: 0px;
	padding: 10px 10px 10px 10px;
}

*html body td.prf_th01 {
	width: 80px;
	margin: 0px;
	padding: 10px 10px 10px 10px;
	text-align: center;
	color: #75C71B;
	font-weight: bold;
}

*html body td.prf_th02 {
	width: 100px;
	text-align: right;
	margin: 0px;
	padding: 10px 10px 10px 10px;
	color: #F967A8;
	font-weight: bold;
}

td.prf_th01 {
	width: 80px;
	margin: 0px;
	padding: 10px 10px 0px 10px;
	text-align: center;
	color: #75C71B;
	font-weight: bold;
}

td.prf_th02 {
	width: 100px;
	text-align: right;
	margin: 0px;
	padding: 10px 10px 0px 10px;
	color: #F967A8;
	font-weight: bold;
}

*html body td.prf_td01 {
	width: 80px;
	margin: 0px;
	padding: 10px 10px 10px 10px;
	text-align: center;
}

*html body td.prf_td02 {
	width: 100px;
	text-align: right;
	margin: 0px;
	padding: 10px 10px 10px 10px;
}

#prf_tbl th {
	width: 220px;
	margin: 0px;
	padding: 10px 10px 0px 10px;
}

td.prf_td01 {
	width: 80px;
	margin: 0px;
	padding: 10px 10px 0px 10px;
	text-align: center;
}

td.prf_td02 {
	width: 100px;
	text-align: right;
	margin: 0px;
	padding: 10px 10px 0px 10px;
}

#prf_tbl td.line_430 {
	margin: 0px;
	padding: 0px 0px 0px 9px;
}




/*---------------------------
__Faq.html
---------------------------*/
#faq_ttl01 {
	font-size: 15px;
	margin: 10px 0px;
	color: #39C;
}

#faq_ttl02 {
	font-size: 15px;
	margin: 10px 0px;
	color: #39C;
}

#faq_ttl03 {
	font-size: 15px;
	margin: 10px 0px;
	color: #39C;
}

.faq_dl {
	width: 450px;
	margin: 0px 10px 0px 10px;
	padding-top: 5px;
	font-size: 12px;
	line-height: 130%;
}

.faq_dl dt {
	font-weight: bold;
	background: url("../img/list_bg.jpg") no-repeat bottom left;
}

.faq_dl dd {
	padding: 10px 0px 20px 0px;
}




/*---------------------------
__Words.html
---------------------------*/
#words_ttl01 {
	font-size: 15px;
	margin: 10px 0px;
	color: #39C;
}

#words_ttl02 {
	font-size: 15px;
	margin: 10px 0px;
	color: #39C;
}




/*---------------------------
__Company.html
---------------------------*/
#comp_ttl01 {
	font-size: 15px;
	margin: 10px 0px;
	color: #39C;
}

table.comp_tbl {
	width: 430px;
	margin: 0px 20px 0px 20px;
	font-size: 12px;
	line-height: 130%;
}

.comp_tbl th {
	color: #39C;
	font-weight: bold;
	background: url("../img/icon_blue.jpg") no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	vertical-align: top;
}

.comp_tbl td {
	vertical-align: top;
}

*html body .comp_line430 {
	padding: 15px 0px 20px 0px;
}

.comp_line430 {
	padding: 10px 0px 20px 0px;
}




/*---------------------------
__Privacy.html
---------------------------*/
#priv_ttl01 {
	font-size: 15px;
	margin: 10px 0px;
	color: #39C;
}

#priv_ttl02 {
	font-size: 15px;
	margin: 10px 0px;
	color: #39C;
}

ol.priv_ol {
	width: 450px;
	margin: 0px 10px 10px 10px;
	font-size: 12px;
	line-height: 130%;
}

*html body .priv_ol li {
	margin-left: 30px;
	padding: 0px 0px 15px 0px;
}

.priv_ol li {
	margin-left: 20px;
	padding: 0px 0px 15px 0px;
}




/*---------------------------
__Sitemap.html
---------------------------*/
#map_ttl01 {
	font-size: 15px;
	margin: 10px 0px;
	color: #39C;
}

ul.map_ul {
	width: 430px;
	margin: 0px 20px 0px 20px;
	font-size: 12px;
	font-weight: bold;
	color: #39C;
	list-style-image: url("../img/icon_blue.jpg");
}

ul.map_ul li {
/*	background: url("../img/icon_blue.jpg") no-repeat;*/
	margin: 0px 0px 20px 20px;
}

.map_line430 {
	position: relative;
	top: 5px;
	right: 20px;
}




/*---------------------------
__Entry
---------------------------*/
#entry_ttl01 {
	font-size: 15px;
	margin: 10px 0px;
	color: #39C;
}

.icon_form {
	color: #F967A8;
	padding: 0px 5px;
}

dl.form_dl {
	width: 410px;
	margin: 10px 30px 0px 30px;
	font-size: 12px;
	line-height: 130%;
}

.form_dl dt {
	color: #39C;
	background: url("../img/icon_blue02.jpg") no-repeat;
	padding: 0px 0px 5px 15px;
}

.form_dl dd {
	padding: 0px 0px 20px 15px;
}

.form_block {
	padding-top: 3px;
}

#form_btn {
	text-align: center;
}

#form_btn a {
	background: #FFF;
}

.home_btn {
	margin:  20px 0px 0px 190px;
}

.home_btn a {
	display: block;
	width: 90px;
	height: 26px;
	text-indent: -99999px;
	font-size: 0px;
	line-height: 0px;
	background: url("../img/home_btn.jpg") no-repeat;
}

.home_btn a:active,
.home_btn a:focus,
.home_btn a:hover {
	background: url("../img/home_btn.jpg") no-repeat right bottom;
}

#main form dd span {
	color: #F967A8;
}

#input01 {
	ime-mode: active;
}

#input02 {
	ime-mode: disabled;
}




/*---------------------------
__Inquiry
---------------------------*/
#inq_ttl01 {
	font-size: 15px;
	margin: 10px 0px;
	color: #39C;
}

optgroup {
	font-style: normal;
	font-weight: normal;
	color: #39C;
	background: #E8F3F8;
}

option {
	color: #000;
	background: #FFF;
}




/*---------------------------
__Site.html
---------------------------*/
#site_ttl01 {
	font-size: 15px;
	margin: 10px 0px;
	color: #39C;
}

#site_ttl02 {
	font-size: 15px;
	margin: 10px 0px;
	color: #39C;
}

table#site_tbl {
	width: 450px;
	border: 1px solid #D4D4D4;
	margin: 0px 10px 20px 10px;
	font-size: 12px;
}

*html body #site_tbl th {
	width: 140px;
	margin: 0px;
	padding: 10px 10px 10px 10px;
	text-align: center;
}

*html body td.site_td01 {
	width: 140px;
	text-align: right;
	margin: 0px;
	padding: 10px 30px 10px 10px;
}

*html body td.site_td02 {
	width: 140px;
	text-align: right;
	margin: 0px;
	padding: 10px 30px 10px 10px;
}

#site_tbl th {
	width: 180px;
	margin: 0px;
	padding: 10px 10px 0px 10px;
	text-align: center;
}

td.site_td01 {
	width: 140px;
	text-align: right;
	margin: 0px;
	padding: 10px 30px 0px 10px;
}

td.site_td02 {
	width: 140px;
	text-align: right;
	margin: 0px;
	padding: 10px 30px 0px 10px;
}

#site_tbl td.line_430 {
	margin: 0px;
	padding: 0px 0px 0px 9px;
}

*html body td.site_td03 {
	color: #999;
	font-size: 11px;
	margin: 0px;
	padding: 10px 10px 5px 10px;
}

td.site_td03 {
	color: #999;
	font-size: 11px;
	margin: 0px;
	padding: 10px 10px 10px 10px;
}