@charset "utf-8";
/* CSS Document */

/* +++++++++++++++++++++++++++++++++++++ */
/*               全体設定                */
/* +++++++++++++++++++++++++++++++++++++ */

@import "reset.css";
@import "flow.css";
@import "customer.css" ;
@import "portfolio.css" ;
@import "service.css" ;
@import "recruit.css" ;
@import "homepage.css" ;


body {
	background-image:url("img/bg-x.gif");
	background-position:0px 40px;
	background-repeat:repeat-x;
	background-attachment:fixed;
	margin:0px;
	padding:0px;
	text-align:center;
	font-size:12px;
}

p {
	margin:0px;
	padding:0px;
	color: #333333;
	font-size:12px;
	line-height:18px;
	text-align:justify;
}
p a:link {
	color: #3366cc;
}
p a:visited {
	color: #3366cc;
}
p a:hover {
	color: #4885e1;
	text-decoration:none;
}

strong {
	color: #4a7a2a;
	margin:0px;
	padding:0px;
	font-weight:bold;
}

span {
	font-weight:normal;
	margin:0px;
	padding:0px;
}


/* ヘッダー　ここから */
#header {
	margin:0px auto 0px auto;
	padding:0px;
	width:900px;
	height:80px;
	text-align:left;
	background-image:url(img/0_header_bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#333333;
}
#header h1 {
	margin:0px;
	padding:8px 0px 0px 16px;
	width:168px;
	height:61px;
}
#ge-header {
	margin:0px auto 0px auto;
	padding:0px;
	width:900px;
	height:80px;
	text-align:left;
	background-image:url(img-ge/header_bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#333333;
}
#ge-header h1 {
	margin:0px;
	padding:8px 0px 0px 16px;
	width:168px;
	height:61px;
}
/* ヘッダー　ここまで */


/* 中央コンテンツ　ここから */
#container {
	width:900px;
	margin:0px auto 0px auto;
	padding:0px;
}
#contents {
	width:900px;
	padding:0px;
	margin:0px;
	float:left;
	background-image:url(img/bg.gif);
	background-repeat:repeat-y;
}
/* 中央コンテンツ　ここまで */


/* 左メニュー */
#sub {
	float:left;
	width:200px;
	padding:0px;
	margin:0px;
	text-align:left;
}
.sub_link {
	margin:0px;
	padding:0px;
	width:200px;
	text-align:center;
}
.sub_link2 {
	margin:0px;
	padding:0px 0px 10px 0px;
	width:200px;
	text-align:center;
}
.sub_caution {
	margin:0px;
	padding:0px;
	width:200px;
	text-align:center;
}
.sub_caution p {
	color:#333333;
	font-size:10px;
	line-height:14px;
	text-align:justify;
	width:120px;
	margin:0px auto 0px auto;
}
.subMark {
	padding:10px 0px 10px 0px;
	margin:0px;
	width:200px;
	text-align:center;
}
.shade {
	padding:0px;
	margin:0px;
	width:200px;
	text-align:center;
}

#main {
	float:right;
	width:690px;
	padding:10px 0px 20px 0px;
	margin:0px;
}
.umain {
	width:690px;
	padding:0px 0px 10px 0px;
	margin:0px;
	background-image:url(img/main_rbg.gif);
	background-position:right;
	background-repeat:repeat-y;
	float:left;
}


/* フッター　ここから */
#footer {
	clear:both;
	margin:0px;
	padding:10px;
	background:#333333;
	text-align:center;
	font-size:11px;
}
#footer a:link {
	color:#dad9d4;
	text-decoration:none;
}
#footer a:visited {
	color:#dad9d4;
	text-decoration:none;
}
#footer a:hover {
	color:#ffffff;
	text-decoration:underline;
}
#footer ul {
	margin-bottom:5px;
}
#footer ul li {
	display:inline;
	margin-right:3px;
	padding-left:7px;
	border-left:1px solid #dad9d4;
	list-style-type:none;
}
#footer ul li.home {
	padding-left:0px;
	border-left:0px;
}
/* フッター　ここまで */



/* +++++++++++++++++++++++++++++++++++++ */
/*                 調整                  */
/* +++++++++++++++++++++++++++++++++++++ */
.tb20px {
	padding:20px;
	margin:0px;
}
.u5px {
	padding:0px 0px 5px 0px;
	margin:0px;
}
.u10px {
	padding:0px 0px 10px 0px;
	margin:0px;
}
.ut10px {
	padding:10px 0px 10px 0px;
	margin:0px;
}
.u20px {
	padding:0px 0px 20px 0px;
	margin:0px;
}
.u30px {
	padding:0px 0px 30px 0px;
	margin:0px;
}
.t10px {
	padding:10px 0px 0px 0px;
	margin:0px;
}
.tc10px {
	padding:10px 0px 0px 0px;
	margin:0px;
	text-align:center;
}
.zero {
	padding:0px;
	margin:0px;
}
.soho_jita {
	padding:10px 0px 20px 0px;
	margin:0px;
}

/* +++++++++++++++++++++++++++++++++++++ */
/*                index                  */
/* +++++++++++++++++++++++++++++++++++++ */
.top_hp {
	background-image:url(img/create_hp.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:25px;
	color:#ffffff;
}
.top_dtp {
	background-image:url(img/create_dtp.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:25px;
	color:#ffffff;
}
.C_box {
	background-color:#333333;
	background-image:url(img/top_create_bg.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
	padding:0px;
	margin:0px;
}
.C_info {
	padding:5px 10px 10px 10px;
	margin:0px;
	color:#c2c2c2;
}
.title_line {
	background-color:#4a2a96;
}
.flash_movie {
	width:690px;
	padding:0px 0px 10px 0px;
	margin:0px;
}
.index_L {
	float:left;
	width:480px;
	margin:0px;
	padding:0px;
}
.index_R {
	float:right;
	width:200px;
	background-color:#e2e2e2;
	text-align:center;
	margin:0px;
	padding:0px;
}
.L_design {
	float:left;
	width:270px;
	background-color:#eeeeee;
	border-bottom:solid 1px #999999;
}
.R_design {
	float:right;
	width:200px;
	background-color:#eeeeee;
	border-bottom:solid 1px #999999;
}
.L2_design {
	float:left;
	width:270px;
	padding:0px 0px 10px 0px;
	margin:0px;
}
.R2_design {
	float:right;
	width:200px;
	padding:0px 0px 10px 0px;
	margin:0px;
}
.t10px_gs {
	padding:10px 0px 0px 0px;
	margin:0px;
	clear:both;
	width:480px;
}
.topics10px {
	padding:10px 0px 0px 0px;
	margin:0px;
	width:480px;
	clear:both;
}
#td200 {
	width:200px;
	height:80px;
}
#td58 {
	width:58px;
	height:80px;
}
#td642 {
	width:642px;
	height:80px;
}
.info_tdbg {
	border-bottom:solid 1px #999999;
	margin:0px;
	padding:0px;
}

.copy {
	margin: 0px;
	padding: 0px;
	color: #ffffff;
	font-size: 11px;
	text-align:center;
}

.cliant_area {
	clear:both;
}

/* +++++++++++++++++++++++++++++++++++++ */
/*                各種設定               */
/* +++++++++++++++++++++++++++++++++++++ */

.menu {
	width:200px;
	height:26px;
	margin:0px;
	padding:0px;
}

.information {
	padding:5px;
	color:#333333;
	margin:0px;
	font-size:12px;
	text-align:justify;
}
.information_line {
	padding:0px 0px 5px 0px;
	color:#333333;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:7px;
	font-size:12px;
	line-height:18px;
	text-align:justify;
	border-bottom:1px dotted #333333;
}
.information_line2 {
	padding:0px;
	color:#333333;
	margin:5px;
	font-size:12px;
	line-height:18px;
	text-align:justify;
}
.information_lineR {
	padding:5px;
	color:#333333;
	margin:0px;
	font-size:12px;
	text-align:right;
}
.information_kiso {
	padding-top: 5px;
	padding-left: 65px;
	padding-right: 5px;
	color: #333333;
	margin: 0px;
	font-size: 12px;
	line-height: 18px;
	text-align:justify;
	background-image:url(img/kiso.gif);
	background-position:5px 7px;
	background-repeat:no-repeat;
}
.key {
	padding-top: 5px;
	padding-left: 45px;
	padding-right: 5px;
	background-image:url(img/key.gif);
	background-position:center left;
	background-repeat:no-repeat;
	margin: 0px;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	text-align:justify;
}

.topics {
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 0px;
	color: #333333;
	margin: 0px;
	font-size: 12px;
	line-height: 18px;
	border-bottom: dotted 1px #dad9d4;
}
.cm {
	padding-top: 5px;
}
.cmp1 {
	margin:0px;
	padding:5px 5px 0px 5px;
	color: #333333;
	font-size:12px;
	text-align:center;
}
.cmp2 {
	margin: 0px;
	padding: 5px;
	color: #333333;
	font-size: 10px;
	line-height: 14px;
}
.cm_area {
	width: 180px;
	margin:5px auto;
	padding: 5px;
	border: 1px solid #333333;
}
.cm_area p {
	padding: 0px;
	color: #333333;
	font-size: 12px;
	line-height: 14px;
}
.production_results1 {
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
}
.production_results2 {
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	float: left;
}

/* +++++++++++++++++++++++++++++++++++++ */
/*                下層共通               */
/* +++++++++++++++++++++++++++++++++++++ */

.pan {
	padding:0px 0px 20px 0px;
	margin:0px;
	font-size:13px;
	color:#333333;
	text-align:left;
}
.service_title {
	padding:0px 0px 5px 0px;
	margin:0px;
	text-align:left;
}
.service_t1 {
	font-size: 11px;
	font-weight: bold;
	color: white;
	padding-left: 20px;
}
.privacy_c {
	font-size: 12px;
	color: #333333;
	line-height: 18px;
	margin: 0px;
	padding-left: 5px;
	padding-right: 5px;
}

/* プロフィールページ */
.profile {
	padding:5px 0px 0px 0px;
	color: #333333;
	margin: 0px;
	font-size: 12px;
	line-height: 21px;
	border-bottom: dotted 1px #dad9d4;
}
.profile_name {
	padding:5px 0px 0px 0px;
	color: #333333;
	margin: 0px;
	font-size: 12px;
	line-height: 21px;
	text-align:right;
	border-bottom: dotted 1px #dad9d4;
}
h4 {
	text-align:left;
	padding:0px;
	margin:0px 0px 40px 0px;
}
.profile_contents_box {
	width:690px;
	clear:both;
}
.profile_left_box {
	width:360px;
	float:left;
}
.profile_left_box2 {
	width:100px;
	float:left;
	padding:0px 0px 0px 10px;
}
.profile_left_box2 p {
	padding:0px 0px 0px 8px;
}
.profile_right_box {
	width:190px;
	float:right;
	padding:0px 5px 0px 0px;
}
.soho_id {
	text-align:center;
}

.work_top {
	padding:0px;
	margin:0px 5px 0px 0px;
	color: #333333;
	font-size: 12px;
	line-height: 18px;
	border-bottom: dotted 1px #b3b3b3;
}
.work {
	padding:5px 0px 0px 0px;
	margin:5px 5px 0px 0px;
	color: #333333;
	font-size: 12px;
	line-height: 18px;
	border-bottom: dotted 1px #b3b3b3;
}
.work2 {
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	color: #333333;
	font-size: 12px;
	line-height: 18px;
	border-bottom: dotted 1px #b3b3b3;
}
.main_underground {
	width:690px;
	padding:0px;
	margin:0px;
	background-color:#ffffff;
}


/* +++++++++++++++++++++++++++++++++++++ */
/*                制作料金               */
/* +++++++++++++++++++++++++++++++++++++ */
.price {
	padding: 0px;
	margin: 0px;
	color: #333333;
	font-size: 13px;
}
.price_b20px {
	padding:0px 0px 20px 0px;
	margin:0px;
	text-align:left;
}
.price1 {
	padding:10px 0px 5px 0px;
	margin: 0px;
	color: #333333;
	font-size: 13px;
}
.price2 {
	padding: 5px;
	margin: 0px;
	color: #333333;
	line-height: 14px;
}
.price3 {
	padding: 5px 50px 5px 5px;
	margin: 0px;
	color: #333333;
	text-align:right;
	line-height: 14px;
}
.price4 {
	padding: 5px;
	margin: 0px;
	color: #333333;
	font-size: 12px;
	line-height: 14px;
	text-align:center;
}
.price_td150a {
	width:150px;
	background-color:#e2e2e2;
	border-top:2px solid #333333;
	border-bottom:2px solid #333333;
	border-right:1px dotted #333333;
}
.price_td150b {
	width:150px;
	background-color:#e2e2e2;
	border-top:2px solid #333333;
	border-bottom:2px solid #333333;
	text-align:center;
	border-right:1px dotted #333333;
}
.price_td150c {
	width:376px;
	background-color:#e2e2e2;
	border-top:2px solid #333333;
	border-bottom:2px solid #333333;
}
.price_td150a2 {
	width:150px;
	border-bottom:1px solid #333333;
	border-right:1px dotted #333333;
	background-color:#ffffff;
}
.price_td150b2 {
	width:150px;
	border-bottom:1px solid #333333;
	text-align:center;
	border-right:1px dotted #333333;
	background-color:#ffffff;
}
.price_td150c2 {
	width:376px;
	border-bottom:1px solid #333333;
	background-color:#ffffff;
}
.price_td150a3 {
	width:150px;
	border-bottom:2px solid #333333;
	border-right:1px dotted #333333;
	background-color:#ffffff;
}
.price_td150b3 {
	width:150px;
	border-bottom:2px solid #333333;
	text-align:center;
	border-right:1px dotted #333333;
	background-color:#ffffff;
}
.price_td150c3 {
	width:376px;
	border-bottom:2px solid #333333;
	background-color:#ffffff;
}

.contact {
	padding: 0px;
	color: #333333;
	margin: 0px;
	font-size: 12px;
	line-height: 18px;
	border-bottom: dotted 1px #dad9d4;
}
.contact_tel {
	padding: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
	color: #333333;
	font-size: 12px;
	line-height: 18px;
	border-bottom: dotted 1px #dad9d4;
}
.contact_form {
	padding: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	color: #333333;
	font-size: 12px;
	line-height: 18px;
	border-bottom: dotted 1px #dad9d4;
}
.contact_t {
	padding: 0px;
	margin: 0px;
	color: #333333;
	font-size: 12px;
}
.contact_t2 {
	padding-top: 10px;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px;
	color: #333333;
	font-size: 12px;
}
.contact_b {
	width: 200px;
	height: 20px;
	padding: 2px;
	margin: 0px;
	background-color: #f6eae0;
	font-size: 12px;
}
.contact_b2 {
	width: 200px;
	height: 20px;
	padding: 2px;
	margin: 0px;
	background-color: #ffffff;
	font-size: 12px;
}
.contact_b3 {
	width: 467px;
	height: 80px;
	padding: 2px;
	margin: 0px;
	background-color: #f6eae0;
	font-size: 12px;
	color: #333333;
}
.port {
	float: left;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	margin: 0px;
}
.port_in {
	float: left;
	padding-left: 16px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	margin: 0px;
}

/* +++++++++++++++++++++++++++++++++++++ */
/*             サイトマップ              */
/* +++++++++++++++++++++++++++++++++++++ */
.sm_area {
	width:690px;
	padding:0px 0px 10px 0px;
	margin:0px;
	clear:both;
}
.sm_box0 {
	width:87px;
	float:left;
	padding:0px 20px 0px 0px;
	margin:0px;
	text-align:left;
}
.sm_box {
	width:157px;
	float:left;
	padding:0px 20px 0px 0px;
	margin:0px;
	text-align:left;
}
.sm_box2 {
	width:180px;
	float:right;
	padding:0px 10px 0px 0px;
	margin:0px;
	text-align:left;
}
.sm_mark {
	background-image:url(img/sitemap002.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding:0px 0px 0px 15px;
	margin:0px 0px 10px 0px;
	font-size:12px;
	color:#333333;
}
.sm_mark a:link {
	color:#3366cc;
}
.sm_mark a:visited {
	color:#3366cc;
}
.sm_mark a:hover {
	color:#4a00ba;
}
.sm_nomark {
	padding:0px 0px 0px 15px;
	margin:0px 0px 10px 0px;
	font-size:12px;
	color:#333333;
}
.sm_nomark a:link {
	color:#3366cc;
}
.sm_nomark a:visited {
	color:#3366cc;
}
.sm_nomark a:hover {
	color:#4a00ba;
}

.sm_area2 {
	clear: both;
	margin: 0px;
	padding: 10px;
	text-align: center;
	font-size: 12px;
	border-bottom:2px solid #c2c2c2;
	border-top:2px solid #c2c2c2;
}
.sm_area2 a:link {
	color: #3366cc;
	text-decoration: none;
}
.sm_area2 a:visited {
	color: #3366cc;
	text-decoration: none;
}
.sm_area2 a:hover {
	color: #4a00ba;
	text-decoration: underline;
}
.sm_area2 ul {
	margin:0px;
	padding:0px;
}
.sm_area2 ul li {
	display: inline;
	margin-right: 3px;
	padding-left: 7px;
	border-left: 1px solid #333333;
	list-style-type: none;
}
.sm_area2 ul li.home {
	padding-left: 0px;
	border-left: 0px;
}

/* +++++++++++++++++++++++++++++++++++++ */
/*                 win02                 */
/* +++++++++++++++++++++++++++++++++++++ */
.portforio_ta {
	background-color:#000000;
	height:400px;
	width:400px;
}
.portforio_ta p {
	color:#CCCCCC;
	text-align:center;
}
.port_win2txt {
	width:334px;
	padding:0px;
	margin:0px auto;
}
.port_win2txt p {
	text-align:justify;
}

/* +++++++++++++++++++++++++++++++++++++ */
/*              木祖村記事               */
/* +++++++++++++++++++++++++++++++++++++ */
.kiso_center {
	text-align:center;
}
.kiso_np {
	width:96px;
	height:96px;
	float:left;
	margin:0px;
	padding:0px;
}
.kiso_wn {
	width:160px;
	height:96px;
	float:left;
	margin:0px;
	padding:0px;
}
.kiso_u10px {
	padding:0px 0px 10px 0px;
	margin:0px;
	width:480px;
	height:96px;
}
.kiso_tu10px {
	padding:10px 0px 10px 0px;
	margin:0px;
	text-align:center;
}



/* +++++++++++++++++++++++++++++++++++++ */
/*                RSS設定                */
/* +++++++++++++++++++++++++++++++++++++ */
.rss_box {
	margin:0px;
	padding:5px;
	background-color:#fff;
	text-align:justify;
}

.rss_title, rss_title a {
	font-size: 12px;
	font-weight:bold;
	letter-spacing: 1px;
}

.rss_items {
	margin:0px;
	padding:0px;
}

.rss_item  {
	padding: 0px;
	font-size: 10px;
	color:#333333;
}

.rss_item a:link, .rss_item a:visited, .rss_item a:active {
	font-size: 10px;
}

.rss_item a:hover { 
	font-weight:bold;
	font-size:10px;
	text-decoration:underline;
	color:#333333;
}

.rss_date {
	font-size: 10px;
	font-weight : normal;
	color: #999;
}

/* +++++++++++++++++++++++++++++++++++++ */
/*              問い合わせ               */
/* +++++++++++++++++++++++++++++++++++++ */
.inq-table {
	width: 465px;
	border-top: solid 1px #999999;
	padding:0px;
	margin:0px 0px 10px 0px;
}
.inq-th {
	border-bottom: solid 1px #999999;
	text-align: left;
	width: 110px;
	padding:5px;
	margin:0px;
	background-color:#f0f0f0;
}
.inq-td {
	border-bottom: solid 1px #999999;
	text-align: left;
	width:355px;
	padding:5px;
	margin:0px;
}
#inq-area {
	padding: 5px;
	width: 340px;
	font-size:13px;
}
.error {
	color:#CC0000;
	font-size:13px;
	font-weight:bold;
}
.inq-button {
	text-align: right;
}
.inq-example {
	clear: both;
	font-size: 10px;
	color: #666666;
	padding:3px 0px 0px 0px;
}
.inq-colname {
	font-size: 12px;
	color: #333333;
}
.inq-essential {
	font-size: 9px;
	color: #CC0000;
}
.inq-format {
	font-size: 9px;
	color: #999999;
	font-weight:normal;
}
.inq-box {
	padding: 2px;
	width: 200px;
}
/*チェックボックス、ラジオの1項目のくくり*/
.checkradio {
	width:100px;
}
/* チェックボックスで選択したもの */
.check_on {
	color:#333333;
	font-weight:normal;
}
/* チェックボックスで選択しなかったもの */
.check_off {
	color:#cccccc;
	font-weight:normal;
}