@charset "Shift_JIS";

body {
	margin: 0 auto;
	font-size: 14px;
	background-color:#FFFFFF;
	color: #666666;
	letter-spacing:1px;
	font-family:Arial,Helvetica,sans-serif;
}

br {
	letter-spacing:0;
}
/*---リンク---*/
a{
	text-decoration:none;
}
a:link{
	color:#339933;
}
a:visited{
	color:#339933;
}
a:active{
	color:#339933;
}
a:hover{
	color:#939393;
	text-decoration:underline;
}

/*---背景エリア---*/
#bg_area {
	margin:auto;
	background-color:#FFFFFF;
	background-image : url(../image/bg_area.gif);
	background-repeat: repeat-y;
	padding:0;
	width:870px;
}

/*---表示エリア---*/
#custom-doc {
	margin:auto;
	text-align:left;
	width:850px;
	min-width:850px; /* optional but recommended */
	background-color:#FFFFFF;
}

/*---ヘッダー---*/
#header_area{
	margin:0;
	padding:0;
	width:850px;
	height:85px;
	background-image : url(../image/bg_header.jpg);
	background-repeat: no-repeat;
	text-align:left;
}

#header_area h1 {
	margin:0;
	padding:10px 0 0 160px;
	font-size: 16px;
	float:left;
}

#header_area h1 a {
	text-decoration:none;
	color:#333333;
}

#header_area h1 a:hover {
	text-decoration:underline;
	color:#939393;
}

p.header_sitemap {
	margin:0;
	padding:0;
	width:105px;
	float:right;
}

p.header_sitemap a {
	text-indent: -10000px;
	border: none;
	display: block;
	width: 105px;
	height: 25px;
}

p.header_description {
	margin:0;
	padding:2px 220px 0 170px;
	font-size: 10px;
	color: #666666;
	clear:both;
}

p.header_description strong{
	font-weight:normal;
}

/*---トップのメニュー---*/
#top_menu{
	margin:0;
	padding:0;
	width:850px;
	height:25px;
	background-image : url(../image/bg_top_menu.jpg);
	background-repeat: no-repeat;
}

#top_menu ul{
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
}

#top_menu ul li{
	float: left;
	margin: 0 5px 0 0;
	font-size: 12px;
	font-weight: bold;
}

#top_menu ul li a{
	padding: 7px 3px 0px 8px;
	background: url(../image/list_ffffff.gif);
	background-repeat:no-repeat;
	background-position: 0 9px;
	text-decoration: none;
	color: #ffffff;
	display: block;
}
#top_menu ul li a:hover {
	background-image: url(../image/list_ffff66.gif);
	background-repeat:no-repeat;
	background-position: 0 9px;
	text-decoration: underline;
	color: #ffff66;
}

/*---メインエリア---*/
#main_area{
	margin:0;
	padding:0;
}

/*---メインエリア 右---*/
#main_right{
	width:635px;
	float:right;
	margin:0;
	padding:0;
	border-left: #CCCCCC 1px solid;
}

#main_right #top_image{
	width:635px;
	min-width:635px;
	margin:0 0;
	padding:0 0;
}

#main_right p.bread_clumb{
	font-size: 12px;
	color: #999999;
	margin:5px 9px 0 5px;
	padding:2px 5px 2px 5px;
	line-height:120%;
	background-color:#eeeeee;
}

#main_right p.error_message {
	color:#ff6600;
	font-size: 16px;
	font-weight:bold;
}

#main_right h2{
	clear:both;
	width:610px;
	font-size: 16px;
	font-weight:bold;
	color: #333333;
	letter-spacing:2px;
	margin:10px 0 10px 5px;
	padding:7px 0 5px 8px;
	border-left: #003399 5px solid;
	border-bottom: #cccccc 1px dotted;
	background: url(../image/bg_h2.jpg) no-repeat;
	background-position: right top;
}

#main_right h3{
	clear:both;
	width:605px;
	font-size: 14px;
	font-weight:bold;
	color : #666666;
	letter-spacing:2px;
	margin:25px 0 0 10px;
	padding:8px 0 6px 8px;
	border-left: #6666ff 5px solid;
	border-bottom: #cccccc 1px dotted;
	background: url(../image/bg_h2_left.jpg) no-repeat;
	background-position: right top;
}

#main_right p{
	font-size: 14px;
	margin:5px 9px 0 5px;
	padding:0 5px 5px 5px;
	line-height:120%;
}

#main_right p.back_to_top {
	text-align: right;
	font-size: 14px;
	margin:15px 5px 0 20px;
	padding:0;
	line-height:120%;
	clear:both;
}

#main_right p.back_to_top_last {
	text-align: right;
	font-size: 14px;
	margin:15px 5px 0 20px;
	padding : 0px 0px 180px;
	line-height:120%;
	clear:both;
}
#main_right p.back_to_top_notclear {
	text-align: right;
	font-size: 14px;
	margin:15px 5px 0 20px;
	padding:0;
	line-height:120%;
}

#main_right p.updated {
	text-align: right;
	font-size: 14px;
	margin:2px 5px 0px 0px;
	padding:0;
	line-height:120%;
	clear:both;
}

/*---メインエリア 左---*/
#main_left{
	width:210px;
	float:left;
	margin:0;
	padding:0;
}

#main_left h2{
	clear:both;
	width:190px;
	font-size: 14px;
	font-weight:bold;
	color: #333333;
	letter-spacing:2px;
	margin:10px 0 5px 5px;
	padding:7px 0 5px 5px;
	border-left: #cccccc 5px solid;
	border-bottom: #cccccc 1px dotted;
	background: url(../image/bg_h2_left.jpg) no-repeat;
	background-position: right top;
}

#main_left p{
	font-size: 14px;
	margin:5px 0 0 5px;
	padding:0 5px 5px 5px;
	line-height:120%;
}

#main_left .side_banner{
	margin:5px 0 5px 5px;
	padding:0;
}

#main_left .side_banner a img{
	border:0;
}

/*---メインエリア １カラム---*/
#main_1col{
	width:845px;
	float:left;
	margin:0;
	padding:0;
}

#main_1col p.bread_clumb{
	font-size: 12px;
	color: #999999;
	margin:5px 5px 0 15px;
	padding:2px 5px 2px 5px;
	line-height:120%;
	background-color:#eeeeee;
}

#main_1col h2{
	clear:both;
	font-size: 16px;
	font-weight:bold;
	color: #333333;
	letter-spacing:2px;
	margin:10px 5px 10px 15px;
	padding:7px 0 5px 8px;
	border-left: #003399 5px solid;
	border-bottom: #cccccc 1px dotted;
	background: url(../image/bg_h2.jpg) no-repeat;
	background-position: right top;
}

#main_1col h3{
	clear:both;
	font-size: 14px;
	font-weight:bold;
	color : #666666;
	letter-spacing:2px;
	margin:25px 5px 10px 15px;
	padding:8px 0 6px 8px;
	border-left: #6666ff 5px solid;
	border-bottom: #cccccc 1px dotted;
	background: url(../image/bg_h2_left.jpg) no-repeat;
	background-position: right top;
}

#main_1col p{
	font-size: 14px;
	margin:5px 9px 0 15px;
	padding:0 5px 5px 5px;
	line-height:120%;
}

#main_1col p.back_to_top {
	text-align: right;
	font-size: 14px;
	margin:15px 5px 0 20px;
	padding:0;
	line-height:120%;
	clear:both;
}

#main_1col p.back_to_top_last {
	text-align: right;
	font-size: 14px;
	margin:15px 5px 0 20px;
	padding : 0px 0px 180px;
	line-height:120%;
	clear:both;
}
#main_1col p.back_to_top_notclear {
	text-align: right;
	font-size: 14px;
	margin:15px 5px 0 20px;
	padding:0;
	line-height:120%;
}

#main_1col p.updated {
	text-align: right;
	font-size: 14px;
	margin:2px 5px 0px 0px;
	padding:0;
	line-height:120%;
	clear:both;
}


/*---写真---*/
.img_border {
	margin:5px 0 5px 0;
	padding:3px;
	border: #ccc solid 1px;
}

.img_right {
	float:right;
	margin:0 0 5px 5px;
	padding:3px;
	border: #ccc solid 1px;

}

.img_left {
	float:left;
	margin:0 5px 5px 0;
	padding:3px;
	border: #ccc solid 1px;
}

.img_right_no_border {
	float:right;
	margin:0 0 5px 5px;
	padding:3px;

}

.img_left_no_border {
	float:left;
	margin:0 5px 5px 0;
	padding:3px;
}

/*---箇条書き---*/
ul.contents_list{
	margin:0 0 0 15px;
	padding:0;
	list-style:none;
}

ul.contents_list_jisage{
	margin:0 30px 0 35px;
	padding:0;
	list-style:none;
}

ul.contents_list_new{
	margin:10px 30px 20px 35px;
	padding:0;
	list-style:none;
}

ul.contents_list li, ul.contents_list_jisage li, ul.contents_list_new li{
	font-size: 14px;
	background-image : url(../image/list_ff6600.gif);
	background-position : 0px 2px;
	background-repeat: no-repeat;
	padding:0 0 0 15px;
	margin:0 0 3px 0;
	line-height:130%;
}

/*---トップページの新着情報---*/
#top_new{
	width:203px;
	margin:5px 0 0 5px;
	padding:25px 0 0 0;
	border:#cccccc 1px solid;
	background-color:#ffffff;
	background-image : url(../image/bg_top_new.gif);
	background-position : center 5px;
	background-repeat: no-repeat;
}

#top_new_list{
	margin:0 0 5px 0;
	padding:0;
	color:#939393;
	background: url(../image/keisen_01.gif) repeat-y;
	background-position: 5px 6px;
}

#top_new_list ul{
	margin:5px 0 0 5px;
	padding:0;
	list-style:none;
}

#top_new_list ul li{
	font-size: 14px;
	padding:0 3px 13px 5px;
	margin:0 0 3px 0;
}

/*---フッター---*/
#footer {
	clear:both;
	padding:50px 0 30px 0;
	margin:0;
	text-align:center;
	font-size: 14px;
	color:#939393;
	line-height:120%;
}

/*---その他---*/
strong{
 font-weight : normal;
 color : #000000;
}

/*---テーブル(会社概要など)---*/
table.table_gaiyo {
	width:500px;
	margin:10px 0 0 20px;
	border-top: #cccccc 1px dotted;
}

table.table_gaiyo th {
	width:100px;
	text-align:left;
	vertical-align:top;
	font-size: 14px;
	font-weight:normal;
	background-image : url(../image/list_orange.gif);
	background-position : 0px 7px;
	background-repeat: no-repeat;
	padding:5px 0 5px 15px;
	margin:0 0 3px 0;
	border-bottom: #cccccc 1px dotted;
}

table.table_gaiyo td {
	text-align:left;
	vertical-align:top;
	font-size: 14px;
	font-weight:normal;
	padding:5px 0 5px 0;
	border-bottom: #cccccc 1px dotted;
}

/*---テーブル(制作料金など)---*/
table.table_fee {
	width:550px;
	margin:10px 0 0 20px;
	border-top: #cccccc 1px dotted;
}

table.table_fee th {
	text-align:left;
	vertical-align:top;
	font-size: 14px;
	font-weight:normal;
	background-image : url(../image/list_orange.gif);
	background-position : 0px 7px;
	background-repeat: no-repeat;
	padding:5px 0 5px 15px;
	margin:0 0 3px 0;
	border-bottom: #cccccc 1px dotted;
}

table.table_fee td {
	text-align:left;
	vertical-align:top;
	font-size: 14px;
	font-weight:normal;
	padding:5px 0 5px 0;
	border-bottom: #cccccc 1px dotted;
}