@charset "Shift_JIS";
/* -----------------------------------------------------
スクリーン用スタイルファイル
	バージョン: 2004.05.12
	Copyright(C) 2004, SEO Solutions, 住 太陽
		<sumi@seo-solutons.com>
		<http://www.seo-solutions.com>
----------------------------------------------------- */
@media screen {

/* ▼基本レイアウト */
body {
	background: #FFFFFF url("../image/bg_body.gif") repeat-x;
	color: #222222;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W4", "Osaka", "ＭＳ ゴシック", sans-serif;
	line-height: 1.2em;
	}
.wrap {
	width: 756px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	padding: 0px;
	}
.wrap1 {
	width: 756px;
	height: 96px;
	margin-left:auto;
	margin-bottom: 0px;
	margin-right:auto;
	text-align:left;
	padding: 0px;
	}


/* ▼基本要素 */
a:link {
	color: #007CA6;
	background: transparent ;
	}
a:visited {
	color: #621673;
	background: transparent ;
	}
a:hover {
	color: #BF2F00;
	background: transparent ;
	}
a:active {
	color: #BF2F00;
	background: #f8EEED ;
	}
img {
	border: 0px;
	}
a img {
	border:0px;
	}
hr {
	clear: both;
	}


/* ▼CIロゴ */
.ci {
	width: 192px;
	margin: 30px 0px 0px 0px;
	float: left;
	}
.ci p {
	margin: 0px;
	padding: 0px;
	text-align:left;
	height: 36px;
	overflow: hidden;
	}

/* 会社案内・お問い合わせ */
.about {
	float: right;
	margin: 57px 0px 0px 0px;
	height: 1.6em;
	}
.about ul {
	margin: 0;
	padding: 0;
	}
.about ul li {
	text-align: right;
	display: inline;
	background: #FFFFFF url("../image/triangle_yellow.gif") center left no-repeat;
	margin:  0px 0px 0px 10px;
	padding: 0px 0px 0px 12px;
	height: 1.6em;
	font-size: 80%;
	}



/* トップページイメージ */
.topimage {
	height: 160px;
	background: #FFFFFF url("../image/topimage_bg.gif") repeat-x;
	margin: 0;
	padding: 0;
	clear: both;
	}
.topimage h1 {
	height: 160px;
	margin: 0;
	padding: 0;
	background: url("../image/topimage.jpg") center center no-repeat;
	}
.topimage h1 span {
	display: block;
	position: relative;
	top: -300px;
	}

/* ▼グローバルナビゲーション */
.gnarea {
	background: #FFFFFF url("../image/gn_bg.jpg") repeat-x;
	height: 32px;
	margin: 0;
	text-align: center;
	overflow: hidden;
	clear: both;
	}

#menu {
	width: 756px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 0px;
	padding: 1px 0px 0px 0px;
	background: url("../image/gn_bg_off.jpg") repeat-x;
	height: 30px;
	border-top: #DADADA 1px solid;
	}
#menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
	}
#menu ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	}
#menu ul li a:link,
#menu ul li a:visited {
	width: 126px;
	height: 30px;
	padding: 7px 0 0 0;
	margin: 0 0 0 0;
	display: block;
	text-align: center;
	font-size: 80%;
	background: url("../image/gn_bg_off.jpg") no-repeat;
	}
#menu ul li a:hover,
#menu a:active {
	background: url("../image/gn_bg_on.jpg") no-repeat;
	color: #CC0202;
	}
.sectionone li#one a:link, 
.sectiontwo li#two a:link,
.sectionthree li#three a:link,
.sectionfour li#four a:link,
.sectionfive li#five a:link,
.sectionsix li#six a:link,
.sectionone li#one a:visited, 
.sectiontwo li#two a:visited,
.sectionthree li#three a:visited,
.sectionfour li#four a:visited,
.sectionfive li#five a:visited,
.sectionsix li#six a:visited,
.sectionone li#one a:hover, 
.sectiontwo li#two a:hover,
.sectionthree li#three a:hover,
.sectionfour li#four a:hover,
.sectionfive li#five a:hover,
.sectionsix li#six a:hover,
.sectionone li#one a:active, 
.sectiontwo li#two a:active,
.sectionthree li#three a:active,
.sectionfour li#four a:active,
.sectionfive li#five a:active,
.sectionsix li#six a:active {
	background: url("../image/gn_bg_on.jpg") no-repeat;
	}

/* ▼トピックパス */
.topicpath {
	margin: 0;
	height: 95px;
	background: #FFFFFF url("../image/topimage_bg.gif") repeat-x;
	}
.topicpath p {
	width: 756px;
	height: 95px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 0px;
	margin-top: 0px;
	font-size: 80%;
	text-align: left;
	}
.topicpath p#cat1 {
	background: url("../image/title_homepage.jpg") center center no-repeat;
	}
.topicpath p#cat2 {
	background: url("../image/title_netshop.jpg") center center no-repeat;
	}
.topicpath p#cat3 {
	background: url("../image/title_assessment.jpg") center center no-repeat;
	}
.topicpath p#cat4 {
	background: url("../image/title_seo.jpg") center center no-repeat;
	}
.topicpath p#cat5 {
	background: url("../image/title_writing.jpg") center center no-repeat;
	}
.topicpath p#cat6 {
	background: url("../image/title_color.jpg") center center no-repeat;
	}
.topicpath p#cat7 {
	background: url("../image/title_company.jpg") center center no-repeat;
	}
.topicpath p#cat8 {
	background: url("../image/title_contact.jpg") center center no-repeat;
	}
.topicpath p#cat9 {
	background: url("../image/title_new.jpg") center center no-repeat;
	}
.topicpath p#cat10 {
	background: url("../image/title_qa.jpg") center center no-repeat;
	}
.topicpath p#cat11 {
	background: url("../image/title_relatedsite.jpg") center center no-repeat;
	}
.topicpath p#cat12 {
	background: url("../image/title_seminner.jpg") center center no-repeat;
	}
.topicpath p#cat13 {
	background: url("../image/title_thissite.jpg") center center no-repeat;
	}
.topicpath p#cat14 {
	background: url("../image/title_reason.jpg") center center no-repeat;
	}	
.topicpath p span {
	position: relative;
	top: 70px;
	left: 17px;
	}


/* ▼コンテンツエリア */
.contents {
	margin: 0px;
	padding: 0px;
	width: 536px;
	float: right;
	}
.contents h1 {
	padding: 0px 0px 0px 6px;
	border-left: #E6C44F 4px solid;
	color:#333333;
	margin: 30px 0px 0px 0px;
	font-size: 120%;
	line-height: 1.2em;
	}
	/* H1の飾り */
p#kazari {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 6px;
	border-left: #E6C44F 4px solid;
	color: #87722D;
	font-size: 70%;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	}
	/* 各カテゴリトップの先頭段落 */
.contents p#homepage {
	background: url("../image/image_homepage.gif") top right no-repeat;
	padding-top: 130px;
	}
.contents h2 {
	margin: 30px 0px 10px 0px;
	padding: 0px 0px 3px 5px;
	font-size: 110%;
	color: #000000;
	background: #F5F5F5;
	padding: 5px 5px 5px 6px;
	border-left: #E6C44F 4px solid;
	font-weight: normal;
	}
.contents h3 {
	font-size: 95%;
	color: #222222;
	margin: 30px 0px;
	padding: 2px 0px 6px 7px;
	border-left: #F3EDDB 3px solid;
	border-bottom: #CCCCCC 1px dotted;
	font-weight: normal;

	}
.contents p {
	padding: 0px 10px 0px 10px;
	}
	/* リスト */
.contents ul {
	margin-left: 21px;
	padding-left: 8px;
	}
.contents ol {
	}
.contents p,
.contents ul li,
.contents ol li  {
	font-size: 80%;
	}
.contents ul li ul li,
.contents ul li ul li ul li,
.contents ul li ul li ul li ul li,
.contents dd p,
.contents dd ul li,
.contents dd ol li,
.contents dd dl dt,
.contents dd dl dd,
.contents ol li p,
.contents ul li p,
.contents ol li ul li,
.contents ul li ol li {
	font-size: 100%;
	}
.contents dl {
	margin-left: 10px;
	}
.contents dt {
	font-size: 100%;
	padding: 0px 0px 3px 0px;
	font-weight: bold;
	}
.contents dd {
	font-size: 80%;
	margin: 0px 0px 2em 0px;
	padding: 3px 0px 0px 0px;
	}
.contents dd img {
	padding: 10px;
	float: left;
	}
	/* テーブル */
table {
	border: 0;
	border-collapse: collapse;
	width: 536px;
	table-layout: fixed;
	}
table caption {
	padding: 3px;
	background: #EEEEEE;
	font-weight: normal;
	text-align: left;
	font-size: 80%;
	}
tr {
	border: 0;
	margin: 0;
	padding: 0;
	}
th {
	margin: 0;
	padding: 3px;
	background: #EEEEEE;
	font-weight: normal;
	text-align: left;
	font-size: 80%;
	vertical-align: top;
	border: #FFFFFF 1px solid;
	}
td {
	margin: 0;
	padding: 3px;
	font-weight: normal;
	text-align: left;
	font-size: 80%;
	vertical-align: top;
	border: #EEEEEE 1px solid;
	}

	/* コメント */
.comment {
	margin: 30px 10px 10px 10px;
	border: #CCCCCC 1px dotted;
	}
.comment h2 {
	font-size: 95%;
	color: #222222;
	background: #FFFFFF;
	border-left: 0;
	font-weight: normal;
	margin: 10px;
	padding: 0;
	}
.comment p {
	margin: 10px;
	padding: 0;
	}
.comment p img {
	float: left;
	margin-right: 10px;
	}
	/* 2段組 */
div.column2 {
	}
.left {
	width: 252px;
	float: left;
	position: relative;
	border-left: #F3EDDB 6px solid;
	}
.right {
	width: 252px;
	float: right;
	margin-left: 20px;
	position: relative;
	border-left: #F3EDDB 6px solid;
	}
.left h3,
.right h3 {
	font-size: 80%;
	font-weight: normal;
	border-bottom: #CCCCCC 1px dotted;
	border-left: 0;
	margin: 0;
	padding: 3px 3px 3px 11px;
	} 
.left p,
.right p {
	margin: 0;
	padding: 8px 3px 3px 11px;
	}
hr.hidden {
	visibility: hidden;
	padding-bottom: 30px;
	margin: 0;
	}

	/* スタッフ紹介 */
.staff {
	}
.data {
	width: 188px;
	float: right;
	}
.data h2 {
	border: #999999 1px solid;
	padding: 2px 3px;
	background: FFFFFF;
	}
.data dl {
	margin: 0;
	}
.data dt {
	font-size: 80%;
	font-weight: normal;
	margin: 1em 0px 0.5em 0px;
	padding: 0;
	}
.data dd {
	margin: 0px 0px 1em 0px;
	padding: 0px 0px 1em 0px;
	border-bottom: #999999 1px dotted;
	}
.profile {
	width: 320px;
	float: left;
	}


/* フォーム関連 */
.contents form {
	position: static;
	margin: 0;
	padding: 0;
	width: 536px;
	display: block;
	background: #FFFFFF url("../image/form_bg.gif") repeat-y;
	border-bottom: #EFEFEF 1px solid;
	}
.contents form dl {
	position: static;
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	}
.contents form dl dt {
	position: static;
	width: 156px;
	margin: 0;
	padding: 4px 0px 4px 4px;
	border: 0;
	display: block;
	float: left;
	clear: left;
	font-size: 80%;
	font-weight: normal;
	border-top: #FFFFFF 1px solid;
	}
.contents form dl dt.formtitle {
	position: static;
	width: 536px;
	margin: 0;
	padding: 4px 0px 4px 4px;
	border: 0;
	display: block;
	float: left;
	clear: left;
	font-size: 80%;
	font-weight: normal;
	background: #DFDFDF;
	border-top: #FFFFFF 1px solid;
	}
.contents form dl dd {
	position: static;
	width: 363px;
	margin: 0;
/*	margin-left: 156px;*/
	padding: 4px;
	display: block;
	float: left;
	border-top: #EFEFEF 1px solid;
	}
/* トップページ */
h2.toph2 {
	background: #FFFFFF;
	}
div.column3 {
	clear: both;
	}
.firstbox {
	width: 160px;
	float: left;
	border: #E5E5E5 1px solid;
	background: #FFFFFF url("../image/3column_bg.gif") repeat-x;
	margin-left: 10px;
	padding: 0px;
	}
.secondbox {
	width: 160px;
	float: left;
	border: #E5E5E5 1px solid;
	background: #FFFFFF url("../image/3column_bg.gif") repeat-x;
	margin-left: 16px;
	padding: 0;
	}
.thirdbox {
	width: 160px;
	float: left;
	border: #E5E5E5 1px solid;
	background: #FFFFFF url("../image/3column_bg.gif") repeat-x;
	margin-left: 16px;
	padding: 0;
	}
.firstbox h3,
.secondbox h3,
.thirdbox h3 {
	margin: 8px 0 0 10px;
	padding: 4px 0 0 0px;
	border: 0;
	font-size: 80%;
	font-weight: normal;
	}
.firstbox p,
.secondbox p ,
.thirdbox p {
	margin: 0;
	padding: 10px;
	}
.new {
	}
.new p {
	width: 100px;
	float: right;
	margin: 4px 0 0 0;
	padding: 0;
	}
.new dl {
	margin: 0 10px;
	width: 410px;
	float: left;
	}
.new dl dt {
	width: 100px;
	float: left;
	font-size: 80%;
	font-weight: normal;
	margin: 4px 0 0;
	padding: 0;
	display: block;
	position: static;
	clear: left;
	}
.new dl dd {
	width: 310px;
	float: left;
	font-size: 80%;
	font-weight: normal;
	margin: 4px 0 0 0;
	padding: 0;
	display: block;
	position: static;
	}
.top2column {
	margin: 0 10px 0 10px;
	}
.topleft {
	width: 248px;
	float: left;
	position: relative;
	}
.topright {
	width: 248px;
	float: right;
	position: relative;
	}
.topleft h3,
.topright h3 {
	font-size: 80%;
	font-weight: normal;
	border: 0;
	margin: 0;
	padding: 3px 3px 3px 0px;
	}
.topleft h3 img,
.topright h3 img {
	float: left;
	margin-right: 10px;
	}
.topleft p,
.topright p {
	margin: 0;
	padding: 8px 3px 11px 0px;
	border-bottom: #C0C0C0 1px dotted;
	}

	/* フッターのローカルナビゲーション */
.footerlocalnav {
	}
.footerlocalnav dl dd ul {
	margin: 0px;
	}
.footerlocalnav dl dd ul li {
	list-style-type: none;
	background: #FFFFFF url("../image/footer_localnav_list.gif") left center no-repeat;
	padding-left: 15px;
	}
.back2pagetop {
	}
.back2pagetop p {
	clear: both;
	font-size: 80%;
	text-align: right;
	padding-top: 30px;
	padding-bottom: 30px;
	}


/* ▼ローカルナビゲーション */
.localnavigation {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	width: 190px;
	float: left;
	}
.localnav {
	margin: 0;
	padding: 0;
	}
.localnav h2 {
	margin: 0;
	padding: 4px 4px 4px 10px;
	background: #EBEBEB url("../image/localnav_h2_bg.gif") top right no-repeat;
	font-size: 80%;
	font-weight: normal;
	color: #000000;
	}
.localnav h2 a:link,
.localnav h2 a:visited,
.localnav h2 a:hover,
.localnav h2 a:active {
	color: #000000;
	text-decoration: none;
 	}
.localnav ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	clear: left;
	}
.localnav ul li {
	display: block;
	text-align: left;
	padding: 0;
	margin: 0;
	}
.localnav ul li a:link,
.localnav ul li a:visited {
	background: #F0F0F0 url("../image/localnav_bg.gif") left center no-repeat;
/*	width: 160px;*/
	height: 1.6em;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #E1E1E1;
	padding: 3px 0 3px 30px;
	margin: 0;
	display: block;
	text-align: left;
/*	line-height: 2em;*/
	font-size: 80%;
	}
.localnav ul li a:hover {
	background: #FBFBFB url("../image/localnav_bg_on.gif") left center no-repeat;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #E1E1E1;
	}
.localnav ul li ul li a:link,
.localnav ul li ul li a:visited {
	background: #F0F0F0 url("../image/localnav_local_bg.gif") left center no-repeat;
/*	width: 152px;*/
/*	height: 2em;*/
	padding: 3px 0 3px 38px;
	margin: 0;
	display: block;
	text-align: left;
/*	line-height: 2em;*/
	font-size: 80%;
	border: 0px;
	}
.localnav ul li ul li a:hover {
	background: #FBFBFB url("../image/localnav_local_bg_on.gif") left center no-repeat;
	border: 0px;
	}
.localnav ul li a#present {
	color: #000000;
	text-decoration: none;
	background: #FBFBFB url("../image/localnav_bg_on.gif") left center no-repeat;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #E1E1E1;
	}
.localnav ul li ul li a#present {
	color: #000000;
	text-decoration: none;
	background: #FBFBFB url("../image/localnav_local_bg_on.gif") left center no-repeat;
	border: 0px;
	}

/* ▼エキストラナビゲーション */
.extranav {
	}
.extranav h2 {
	font-size: 80%;
	font-weight: normal;
	margin: 20px 0px 0px 0px;
	padding: 3px 4px 5px 4px;
	border-bottom: 1px solid #333333;
	}
.extranav h3 {
	font-size: 80%;
	font-weight: normal;
	margin: 8px 0px 0px 0px;
	padding: 5px 4px 0px 4px;
	border-top: 1px dotted #333333;
	}
.extranav ul {
	margin: 0em 0em 0em 0em;
	padding: 3px 1em;
	}
.extranav ul li {
	font-size: 80%;
	list-style-image: url(../image/dot.gif);
	}
.extranav ul li ul li {
	font-size: 100%;
	}
.extranav li img {
	float: left;
	}


/* ▼サイト内検索 */
.search {
	margin: 30px 0px 0px 0px;
	clear: both;
	}
.search form {
	background: #FFFFFF;
	}
.search p {
	font-size: 80%;
	}


/* ▼フッターナビゲーション */
.footernav {
	clear: both;
	}
.footernav p {
	margin: 0;
	padding: 5px 0px;
	text-align: center;
	font-size: 80%;
	border-top: #CCCCCC 1px solid;
	}
.footernav p span {
	color: #FFFFFF;
	}

/* ▼会社案内 */
.corpprofile {
	}
.corpprofile p {
	text-align: center;
	font-size: 80%;
	}
.corpprofile p span {
	color: #FFFFFF;
	}


/* ▼バナー */
.banner {
	}
.banner p {
	text-align: center;
	font-size: 60%;
	}
.banner p span {
	color: #FFFFFF;
	}

/* ▼制作者紹介 */
.produce {
	background: #EBEBEB;
	}
.produce address {
	width: 756px;
	margin-top: 0px;
	margin-left:auto;
	margin-bottom: 0px;
	margin-right:auto;
	text-align:left;
	padding: 3px;
	font-size: 70%;
	font-style: normal;
	font-weight: normal;
	}

/* ▼著作権表示 */
.copyright {
	background: #B0B0B0 url("../image/bg_copy.gif") repeat-x;
	}
.copyright div {
	width: 756px;
	margin-top: 0px;
	margin-left:auto;
	margin-bottom: 0px;
	margin-right:auto;
	padding: 0;
	}
.copyright div p {
	width: 450px;
	padding-top: 4px;
	padding-left: 0;
	margin: 0;
	font-size: 80%;
	float: left;
	text-align: left;
	}
.copyright div p a:link {
	color: #FFFFFF;
	}
.copyright div p a:visited {
	color: #DDDDDD;
	}
.copyright div p a:hover,
.copyright div p a:active {
	color: #FFCCCC;
	}
.copyright div p span {
	color: #4B4B4B;
	}
.copyright div address {
	width: 300px;
	text-align:right;
	margin: 0;
	padding-top: 6px;
	font-size: 70%;
	color: #FFFFFF;
	font-style: normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	float: right;
	}


/* ▼フォームエラー表示用 */
.red {
	color: red;
}


}