@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	list-style: none;
}

body {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	font-size: 75%;
	letter-spacing: 1.9px;
	font-family: sans-serif;
	color: #333333;
	background: #FFFFFF url(/img/top_bg_right.jpg) left top repeat-x;
	line-height: 1.7;
}

.color_red {
	color: #ff0000;
}

.font_small {
	font-size: 80%;
}

.font_bold {
	font-weight: bold;
}

.line-through {
	text-decoration: line-through;
}

img {
	vertical-align: middle;
	border: none;
}


#wrapper {
	margin: 0 auto;
	padding: 0;

}

#top_area {
	height: 200px; width: 100%;
	margin: 0 auto;
}

#top_area #top_txt {
	width : 100%;
	text-align :center;
	margin: 10px auto;
	padding:0px 0px;

}
#top_msg{
	font-weight: normal;
	color: #ffffff;

}

#top_area #logo {
	width : 100%;
	text-align :center;
	margin: 10px auto;
	padding : 0px 0px;
}
#logo #logo_area {
	width: 906px;
	margin: 0px auto;
	padding : 0px 0px;

}
#logo #logo_area #logo_img {
	float: left;

}

#logo #logo_area #callto_img {
	float: right;
}



#navi {
	/*clear: both;*/
	text-align: center;
	/*position: absolute;*/
	/*top: 125px;*/
	width:100%;

	padding: 0px 0px;

	background: url(/img/navi_back.png) left top repeat-x;

	margin: 10px auto;

}

#navi #navi_6{
	margin: 0px auto;
	width:906px;
	height: 70px;
}
#navi_6 ul{
	text-align: center;
	height : 70px;
	padding : 0;
	margin: 0px auto;

}

#navi_6 li{
	float: left;
	padding : 0;
	list-style-type : none;
	text-align: center;

	margin :0px 0px 0px 1px;
}

#navi_6 #navi_home a{
 width: 150px;
 height: 70px;
 background: #ffffff url(/img/navi_home.png);
 display: block;
 text-indent: -9999px;
 overflow: hidden;
}
#navi_6 #navi_system a{
 width: 150px;
 height: 70px;
 background: #ffffff url(/img/navi_system.png);
 display: block;
 text-indent: -9999px;
 overflow: hidden;
}
#navi_6 #navi_hp a{
 width: 150px;
 height: 70px;
 background: #ffffff url(/img/navi_hp.png);
 display: block;
 text-indent: -9999px;
 overflow: hidden;
}
#navi_6 #navi_inquiry a{
 width: 150px;
 height: 70px;
 background: #ffffff url(/img/navi_inquiry.png);
 display: block;
 text-indent: -9999px;
 overflow: hidden;
}
#navi_6 #navi_price a{
 width: 150px;
 height: 70px;
 background: #ffffff url(/img/navi_price.png);
 display: block;
 text-indent: -9999px;
 overflow: hidden;
}
#navi_6 #navi_profile a{
 width: 150px;
 height: 70px;
 background: #ffffff url(/img/navi_profile.png);
 display: block;
 text-indent: -9999px;
 overflow: hidden;
}

#navi_6 #navi_home a:hover{
 background-position: 0 -71px;
}
#navi_6 #navi_hp a:hover{
 background-position: 0 -71px;
}
#navi_6 #navi_inquiry a:hover{
 background-position: 0 -71px;
}
#navi_6 #navi_system a:hover{
 background-position: 0 -71px;
}
#navi_6 #navi_price a:hover{
 background-position: 0 -71px;
}
#navi_6 #navi_profile a:hover{
 background-position: 0 -71px;
}

.clear_float {
	clear: both;
}

#contents {
	/*clear: both;*/
	text-align: center;
	top: 200px;
	width: 100%;
	padding: 0;
	margin: 2px auto;

}

#contents #contents_area {
	width: 906px;
	margin: 0px auto;
	padding : 0;

}

/* === 左ブロック　ここから === */

#contents #left_contents {
	text-align: left;
	float: left;
	width: 23%;
	padding: 0px 1px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#contents #left_contents #job_detail {
	text-align: left;

	border: 1px solid #cccccc;
	padding: 0px 0px;
	margin: 0px 1px 0px 0px;
}
#job_detail ul {
	margin : 10px 0 0 0;
	padding : 0;
}
#job_detail li {
	background : url(/img/arrow_right_15px.gif) no-repeat left center;
	margin : 0 0 10px 5px;
	padding-left : 20px;
}

#job_detail li a {
 text-decoration : none;
}

#job_detail li a:hover {
 text-decoration : underline;
 color : #ff4500;
}


#contents #left_contents #kojin_kaisha {
	text-align: left;

	border: 1px solid #cccccc;
	padding: 0px 0px;
	margin: 5px 1px 0px 0px;
}

#kojin_kaisha ul {
	margin : 10px 0 0 0;
	padding : 0;
}
#kojin_kaisha li {
	background : url(/img/arrow_right_15px.gif) no-repeat left center;
	margin : 0 0 10px 5px;
	padding-left : 20px;
}

#kojin_kaisha li a {
 text-decoration : none;
}

#kojin_kaisha li a:hover {
 text-decoration : underline;
 color : #ff4500;
}


#contents #left_contents #w3c {
	text-align: left;

	border-style: none;
	padding: 5px 0px;
	margin: 5px 0px;
}
#contents #left_contents #ssl {
	text-align: left;

	border-style: none;
	padding: 0px 0px;
	margin: 0px 0px;
}
#contents #left_contents #socials {
	text-align: left;

	border-style: none;
	padding: 5px 0px;
	margin: 5px 0px;
}


/* === 左ブロック　ここまで === */



/* === センターブロック === */
#contents #main_contents {
	text-align: left;
	float: left;
	width: 53%;
	border-style: none;

	color: #474a4d;

	padding: 0px 0px;
	margin: 0px 1px 0px 3px;
}

#contents #main_contents .sentence {
	margin:3px 3px;
}
#main_contents .notice {
	margin: 2px 0px;
}

#contents #main_contents h1 {
	border: 1px solid #CCCCCC;
	padding: 1px 0;	/* IE対応 */
}

#contents #main_contents a {
 text-decoration : underline;
}

#contents #main_contents a:hover {
 text-decoration : underline;
 color : #ff4500;
}



/* === HOME === */
#main_contents #top_h2 {
	margin: 5px 0px;
}


#main_contents #div_top {
	padding: 5px 5px;
	font-weight: normal;	/* chromeだとBOLDになる？ */
}

#main_contents .top_li {
	list-style-type: disc;
	list-style-position: inside;
	margin: 2px 5px;
	padding: 2px 5px;
}


/* === HOME === */


/* === 問い合わせ === */
div.sub-group {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding: 7px 2px 7px 10px;
	clear: both;
}
.label-txt {
	width: 130px;
	color: #666666;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	margin-right: 10px;
	display: block;
	float: left;
}

input.txt-field,textarea {
	padding: 1px 3px;
}

input.txt-field,select,textarea {
	font-size: 100%;
	letter-spacing: 0.2em;
	color: #666666;
	background-color: #F9F9F9;
	border: 1px solid #999999;
}
input.txt-field:focus,select:focus,textarea:focus {
	color: #333333;
	background-color: #FFFFCC;
	border-color: #330000;
}

.sub-group #name {
	width: 150px;
}
.sub-group #mail {
	width: 250px;
}
.sub-group #tel {
	width: 150px;
}
.sub-group #address1 {
	width: 250px;
}
.sub-group #address2 {
	width: 250px;
}

.sub-group #content_txt {
	width: 300px;
	height: 220px;
}


form #btn_submit {
	padding: 3px;
	border : 1px solid #ff6600;
	background-color: #ffffff;
}
form #btn_submit:hover {
	border : 1px solid #ff0000;
}

div #form_btn {
	text-align: center;
	border-style: none;
	padding: 10px 0px;
	clear: both;
}


#main_contents .inquiry_h2 {
	margin: 3px 5px;
}

#main_contents .inquiry_tel {
	font-size: 220%;
	font-weight: bold;
	color: #ff6500;
	margin: 5px 5px;
	/*text-align: center;*/
}

/* === 問い合わせ === */

/* === プロフィール === */

#div_profile {
	margin :5px 0;
}
#div_profile table {
	width:480px;
	border:1px solid #cccccc;
	border-collapse:collapse;
}
#div_profile table td,th {
	border:1px solid #cccccc;
	padding:2px 10px;
}
#div_profile table tr {
	/*border-bottom:2px solid #cccccc;*/
}
#div_profile table th {
	width:80px;
	background:#e6eae6;	/*フロスティホワイトfrosty white*/
}
#div_profile li {
	list-style-type: disc;
	/*list-style-type: decimal-leading-zero;*/
	list-style-position: outside;
}
#div_profile ul {
	padding: 0px 15px;
}

/* === プロフィール === */


/* === リンク === */

#div_link {
	margin :5px 0px;
}
#div_link table {
	width: 100%;
	border:1px solid #cccccc;
	border-collapse:collapse;
}
#div_link table td,th {
	border:1px solid #cccccc;
	padding:2px 10px;
}
#div_link table tr {
	/*border-bottom:2px solid #cccccc;*/
}
#div_link table th {
	/*}background:#d3d3d3;*/
}
#div_link table .midashi {
	width:30%;
}

/* === リンク === */

/* === SEO === */
#div_seo {
	margin: 5px 5px;
}
/* === SEO === */

/* === 制作料金 === */
#div_price {
	margin: 5px 5px;
}
#div_price table {
	border:1px solid #cccccc;
	border-collapse:collapse;
}
#div_price table td,th {
	border:1px solid #cccccc;
	padding:2px 10px;
}
#div_price table tr {
	/*border-bottom:2px solid #cccccc;*/
}
#div_price table th {
	width: 150px;
	background:#e6eae6;	/*フロスティホワイトfrosty white*/
}
#div_price .h2_price_reference {
	margin :5px 0 2px 0;
	padding :3px 5px;
	background:#0075c2;
	color:#ffffff;
	font-size:100%;
	font-weight:normal;
}

/* === 制作料金 === */

/* === システム === */
#div_system {
	margin: 5px 5px;
	padding: 0px 0px;
}
/* === システム === */

/* === ホームページ制作 === */
#div_hp {
	margin: 5px 5px;
}

#div_hp ul {
	padding: 0px 30px;
}

#div_hp li {
	padding: 0px 0px;
	list-style-type: decimal;
	/*list-style-type: decimal-leading-zero;*/
	list-style-position: outside;
}
/* === ホームページ制作 === */

/* === 制作について === */
#div_making {
	margin: 5px 5px;
}
#div_making ol {
	padding: 0px 30px;
}

#div_making li {
	padding: 0px 0px;
	list-style-type: decimal;
	/*list-style-type: decimal-leading-zero;*/
	list-style-position: outside;
}

/* === 制作について === */

/* === SOHO === */
#div_soho {
	margin: 5px 5px;
}
/* === SOHO === */

/* === プライバシーポリシー === */
#div_privacy {
	margin: 5px 5px;
}
#div_privacy ul {
	padding: 0px 30px;
}

#div_privacy li {
	padding: 0px 0px;
	list-style-type: disc;
	/*list-style-type: decimal-leading-zero;*/
	list-style-position: outside;
}
#div_privacy table {
	border:1px solid #cccccc;
	border-collapse:collapse;
}
#div_privacy table td,th {
	border:1px solid #cccccc;
	padding:2px 10px;
}
#div_privacy table tr {
	/*border-bottom:2px solid #cccccc;*/
}
#div_privacy table th {
	width: 150px;
	background:#e6eae6;	/*フロスティホワイトfrosty white*/
}

#div_privacy .h2_privacy {
	margin :5px 0 2px 0;
	padding :3px 5px;
	background:#0075c2;
	color:#ffffff;
	font-size:100%;
	font-weight:normal;
}

/* === プライバシーポリシー === */

/* === 右ブロック === */
#contents #right_contents {
	text-align: left;
	float: right;
	width: 23%;
	/*border: 1px solid #cccccc;*/
	/*width: 100%;*/

	padding: 0px 0px;
	margin: 0px 0px 0px 1px;
}


/* === トピックス === */
#contents #right_contents #topics {
	text-align: left;
	/*float: left;*/
	/*width: 100%;*/

	border: 1px solid #cccccc;
/*	border: 1px solid #4169e1; */
	padding: 0px 0px;
	margin: 0px 0px 0px 1px;
}
#contents #right_contents #topics .topics_detail{
	text-align: left;
	padding: 5px 3px;

}
/* === トピックス === */

/* === 制作受注可能エリア === */
#contents #right_contents #order_area {
	text-align: left;
	/*float: left;*/
	/*width: 100%;*/

	border: 1px solid #cccccc;
/*	border: 1px solid #4169e1; */
	padding: 0px 0px;
	margin: 5px 0px 0px 1px;
}
#order_area .order_area_detail{
	text-align: left;
	padding: 5px 3px;
}
/* === 制作受注可能エリア === */






/* === 右ブロック === */



/* === フッター === */
#footer {
	text-align: center;
	margin: 10px 0;
	padding: 5px 0;
	height: 200px;
	width: 100%;
	background: #ffffff url(/img/footer_bg.jpg) left top repeat-x;

}
/* === フッター === */

#copyright {
	margin: 30px 5px 0 5px;
	padding: 25px 0;
	/*border-top: 1px solid #EBEBEB;*/
	text-align: center;
}