@charset "utf-8";

/* ****************************************************
Since : 2007‒07‒31
Last Modified: 2008‒02‒01
Editor(s): Arisa Morimoto
Last Editor: Arisa Morimoto
			 Kazutaka Shinohara - 8.mailform only
***************************************************** */
/* ======================================

	0.global
	1.header
	2.contents
	3.side menu
	4.Tables Module
	5.Forms Module
	6.footer
	7.sitemap
	8.mailform

======================================= */

/* ======================================

	0.global

======================================= */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: normal;
	/*font-size: 12px;*/
	line-height: 18px;
	/*font-family: inherit;
	vertical-align: baseline;*/
}

a {
	color: #2F58B8;
}

.red {
	color: #FF0000;
}

body{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "MS PGothic", sans-serif;
	background-image: url(../images/background_img.gif);
	background-repeat: repeat-x;
	background-position: 0px 67px;
	font-size: 12px;
	color: #595959;
}
#wrapper {
	width: 780px;
	margin: 0 auto;
}
img{
	border:0;
}
table{
	border-collapse:collapse;
	boder-spacing:0;
}
ol,ul{
	list-style:none;
}

/* --strong-- */
#contents strong {
	font-weight: bold;
	font-size: 12px;
}

/* --回り込みクリア-- */
.cboth {
	clear: both;
	float: none;
}

/* --センター寄せ-- */
.center {
	text-align: center;
}

em {
	color: #ED1C24;
}
/* --　-- */
/* ======================================

	1.header

======================================= */

#wrapper #header {
	width: 780px;
	margin-bottom: 17px;
}

/* ------------ヘッダー上部------------- */
#header .header_top {
	height: 67px;
}

/* --ロゴ-- */
.header_top .logo {
	float: left;
	height: 42px;
	width: 124px;
	margin-top: 12px;
	margin-right: 25px;
	margin-bottom: 13px;
	margin-left: 0px;
}

/* --サイト説明部分-- */
#header .header_top h1 {
	margin-top: 25px;
	width: 350px;
	float: left;
	font-size: 11px;
	color: #6C767C;
}

/* --電話番号-- */
.header_top .header_tell {
	float: right;
	height: 23px;
	width: 252px;
	margin-top: 34px;
}
.header_top .header_tell li {
	float: right;
}

/* ------------ヘッダー中部------------- */
#header .header_list {
	height: 26px;
	width: 780px;
	font-size: 10px;
	padding-top: 2px;
	background-image: url(../images/header_img.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
}

/* --リスト-- */
#header .header_list ul {
	float: right;
	height: 22px;
	width: 780px;
}
#header .header_list li {
	font-size: 10px;
	float: right;
	width: auto;
	color: #777777;
	background-image: url(../images/header_list_img.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 10px;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
}

#header .header_list li a {
	text-decoration: none;
}


/* ------------ヘッダー下部------------- */

/* --イメージ部分-- */
#header .header_menu {
	height: 29px;
	width: 780px;
}


#header .header_menu li {
	float: left;
}

/* ======================================

	2.contents

======================================= */

/* --見出し-- */
#contents dt {
	font-weight: bold;
}

/* --説明文-- */
#contents dd {
	margin-bottom: 22px;
}


#wrapper #contents {
	float: right;
	width: 554px;
	margin-bottom: 20px;
}
#contents p {
	margin-bottom: 14px;
}

/* --タイトル-- */
h2 {
	height: 32px;
	width: 548px;
	margin-bottom: 6px;
}

/* --コメント-- */
.comment {
	width: 544px;
	margin:0 0 20px 0;
	clear:both;
	float: none;
}

.comment_left {
	float:left;
	margin:0 0 20px 0;
	clear:both;
	float: none;
}

.comment_right {
	float:right;
	margin:0 0 20px 0;
	clear:both;
	float: none;
}

/* --画像位置-- */
.image_left {
	float:left;
	margin:0 15px 15px 0;
}
.image_left_text {

}
.image_center {
	margin:0 auto 15px auto;
}
.image_right {
	float:right;
	margin:0 0 15px 15px;
}


/* --左寄せ画像-- */
#contents .left_img {
	width: auto;
	float: left;
	margin: 0 13px 13px 0;
}

/* --コンテンツタイトル-- */
#contents h2 {
	margin-bottom: 19px;
	height: 45px;
	clear:both;
	float: none;
}

/* --companyタイトル-- */
#contents h3 {
	height: 24px;
	margin-bottom: 10px;
	font-size: 12px;
	color: #595959;
	font-weight: bold;
	padding-top: 18px;
	clear:both;
	float: none;
}
h4 {
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 9px;
	clear:both;
	float: none;
}

/* --contents内イメージ-- */
#contents .company_img {
	width: 543px;
	margin-top: 13px;
	margin-bottom: 26px;
}

/* --↓photo内サンプルビデオ↓-- */
#contents .sample_video {
	width: 522px;
	border: 1px solid #AC2023;
	padding: 11px;
}
#contents .sample_video img {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/* --↑photo内サンプルビデオ↑-- */

/* --↓WEB内デザインリスト↓-- */
/* --背景-- */
#contents .web_design {
	height: 251px;
	width: 554px;
	background-image: url(../images/web_img_bkground_design.jpg);
	background-repeat: no-repeat;
	margin-bottom: 55px;
}
#contents .web_design ul {
	font-size: 10px;
	color: #333333;
	width: 300px;
	margin-left: 159px;
	padding-top: 39px;
}
#contents .web_design li {
	background-image: url(../images/web_img_design_li.gif);
	background-repeat: no-repeat;
	background-position: 2px;
	padding-left: 13px;
}
/* --↑WEB内デザインリスト↑-- */

/* --WEB内アクセスリスト-- */
#contents .web_access {
	width: 290px;
}

#contents .web_access li {
	height: 58px;
	width: 290px;
}

/* --プライバシーポリシー(記)-- */
#contents ol {
	list-style-type: decimal;
	list-style-position: inside;
}

/* --プライバシーポリシー見出し-- */
#contents .privacy dt {
	font-size: 12px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-bottom: 3px;
}

/* --プライバシーポリシー説明-- */
#contents .privacy dd {
	margin-bottom: 20px;
}

/* --プライバシーポリシー名前-- */
#contents .privacy_name {
	text-align: right;
}

/* --プライバシーポリシーアミ-- */
#contents .ami {
	background-color: #F0F0F0;
	padding: 10px;
	margin-bottom: 15px;
	width: 524px;
}

/* --プライバシーポリシーリスト-- */
#contents .ami li {
	list-style-position: outside;
	list-style-type: decimal;
	margin-left: 20px;
}

#contents .privacy .privacy li {
	list-style-position: outside;
	list-style-type: circle;
	margin-left: 20px;
}

/* --mail内送信ボタン-- */
.center .input_line {
	border-style: none;
	margin-bottom: 30px;
}

/* --下線（ドット）-- */
.dot {
	color: #595959;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #8B1919;
	padding-bottom: 2px;
}

/* ======================================

	3.side menu

======================================= */

#wrapper #side_menu {
	float: left;
	width: 200px;
	color: #6C767C;
	font-size: 10px;
}
#wrapper #side_menu li {
	margin-bottom: 16px;
}

/* --テキストメニュー-- */
#wrapper .side_menu_text li {
	height: 22px;
	width: 175px;
	background-image: url(../images/side_menu_text_back.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	padding-top: 8px;
}
#wrapper .side_menu_text {
	margin-bottom: 38px;
}

/* ======================================

	4.Tables Module

======================================= */

table {
	margin-bottom: 30px;
	width: 544px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #F3F3F3;
	border-left-color: #F3F3F3;
	margin-top: 10px;
}

th,
td {
/*	padding: 0.1em 5px;*/
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	border-bottom-width: 1px;
}

th {
/*	width: 140px;
	background-image: url(../images/table_th.gif);
	background-repeat: no-repeat;
*/}

td {
	background-color: #FFFFFF;
}

.table_th_left {
	margin-bottom: 30px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #F3F3F3;
	border-left-color: #F3F3F3;
	width: 544px;
	margin-top: 10px;
}

.table_th_left th,
.table_th_left td {
/*	padding: 0.1em 5px;*/
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	border-bottom-width: 1px;
}

.table_th_left th {
	font-weight:bold;
	vertical-align:top;
	text-align:left;
	padding:5px 0 5px 15px;
	background-color:#EFEFEF;
	width:140px;
	background-image: url(../images/table_th.gif);
	background-repeat: no-repeat;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}

.table_th_left td {
	background-color: #FFFFFF;
	width: auto;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.table_th_top {
	margin-bottom: 30px;
	width: 544px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-top: 10px;
}
.table_th_top tr {
	background-color:#FFFFFF;
}
.table_th_top th,
.table_th_top td {
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	border-bottom-width: 1px;
}

.table_th_top th  {
	font-weight:bold;
	padding:5px 0;
	color: #8C171D;
	background-color:#E1E1E1;
}

.table_th_top th .row_h {
	width: 150px;
	background-color: #FFFFFF;
	color:#595959;
}

.table_th_top td {
	background-color: #FFFFFF;
	padding:10px 0 10px 10px;
}

/* ======================================

	5.Forms Module

======================================= */

input,
textarea {
	margin: 0.4em 10px;
	padding: 0.1em 10px;
	border: 1px solid #ddd;
	font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3",  sans-serif;
}

input {
	line-height: 1.2;
}

input:hover,
textarea:hover {
	border: 1px solid #aaa;
}

input:focus,
textarea:focus {
	border: 1px solid #000;
}

textarea {
	padding: 0.4em 10px;
	font-size:12px;
}

/* ======================================

	6.footer

======================================= */

#footer {
	height: 20px;
	width: 100%;
	background-color: #BBC3C6;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #939B9E;
	padding-top: 2px;
}

/* --住所テキスト-- */
#footer address {
	display: block;
	width: 550px;
	color: #3D3D3D;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


#contents h5 {
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-size: 12px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	text-indent: 3px;
	margin-bottom: 5px;
}
#contents .company_table {
	margin-top: 0px;
	border: 1px solid #CCCCCC;
}
#contents .company_table td {
	border-right-style: none;
}
#contents .company_table th {
	border-right-style: none;
	border-bottom-style: none;
	vertical-align: top;
	font-weight: bold;
	width: 90px;
	background-image: none;
	background-color: #E3E3E3;
}
h6 {
	margin-bottom: 8px;
}


#contents .company_table2 {
	margin-top: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#contents .company_table2 td {
	border-right-style: none;
}
#contents .company_table2 th {
	border-right-style: none;
	border-bottom-style: solid;
	vertical-align: top;
	font-weight: bold;
	width: 100px;
	background-image: none;
	background-color: #FFFFFF;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
}
#wrapper #contents .seo_list li {
	list-style-type: square;
	margin-left: 15px;
}
#wrapper #contents .seo_list {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 14px;
	margin-left: 0px;
}

/* ======================================

	7.sitemap

======================================= */
#wrapper #contents .sitemap li {
	float: left;
	width: 166px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url(../images/sitemap_icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 13px;
	padding-left: 15px;
}

/* ======================================

	7.web

======================================= */

/* --右寄せブロック-- */
#wrapper #contents .contents_rightblock {
	float: right;
	width: 234px;
	background-color: #E6E6E6;
}

/* --左寄せブロック-- */
#wrapper #contents .contents_leftblock {
	clear: left;
	float: left;
	width: 290px;
}

/* --右寄せブロック内テキストエリア-- */
#wrapper #contents .contents_rightblock .text {
	width: 208px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}

/* --サンプルリスト-- */
#wrapper #contents .contents_leftblock .web_sample li {
	height: 96px;
	width: 91px;
	margin-right: 8px;
	margin-bottom: 14px;
	float: left;
}


/* ======================================

	8.mailform
	Addition : 2008-02-01
	Editor(s): Kazutaka Shinohara

======================================= */

#mail_form th {
	text-align:left;
	margin:0;
	padding:0 0 0 15px;
	background-image: url(../images/table_th.gif);
}



#wrapper #contents .company_born_image {
	float: left;
	width: 179px;
	padding: 0px;
	margin-top: 22px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#wrapper #contents .company_born_text {
	float: right;
	width: 348px;
	padding: 0px;
	margin-top: 16px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}