@charset "UTF-8";

/* ---------------------
 * FONTSIZE MODEL * 
 * ---------------------
 *  63% ->	10pxに相当
 *  70% ->	11pxに相当
 *  75% ->	12pxに相当
 *  82% ->	13pxに相当
 *  88% ->	14pxに相当
 *  94% ->	15pxに相当
 * 100% ->	16pxに相当
 * 107% ->	17pxに相当
 * 113% ->	18pxに相当
 * 119% ->	19pxに相当
 * 125% ->	20pxに相当
 * --------------------- */


/* ========BASIC======== */

* {
	color:#333;
}

html {
	height: 100%;
	margin: 0;
	padding: 0;
}
	

body {
	font-size:14px;
	line-height:22px;
	font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","MS P ゴシック",verdana,sans-serif;
	
	height: 100%;
	margin:0;
	padding:0;
	background:#fff;
	
}

br {
   letter-spacing:normal;
}

a {
   text-decoration:underline;
}

a:hover {
   text-decoration:none;
}

img {
   border:0;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}

h2 {
	height:40px;
	margin-top:10px;
	padding-top:20px;
	padding-left:24px;
	font-size: 16px;
	background-image: url(../img/title_point.gif);
	background-repeat:no-repeat;
}

#line2{	/* h2関連 */
	height:50px;
	margin-top:10px;
	padding-top:10px;
}

ul {
	margin:0px;
	padding-left:15px;
}


/* ======== LAYOUT ======== */
#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;	
	position: relative;
	background-image: url(../img/bgimg.gif);
	background-repeat: repeat-x;
}

div#screen {
	width:900px;
	margin:0 auto;
}
div#screen2 {
	width:900px;
	margin:0 auto;
	padding-bottom: 232px;
}

div#header {
   width:900px;
   height:105px;
}

#header_left {
	width:438px;
	float: left;
	position:absolute;
}

#header_right {
	width: 408px;
	height:64px;
	float: right;	
}

#header_right #header_info {
	width: 416px;
	height:45px;
	background-image: url(../img/header_info.gif);
	background-repeat:no-repeat;
	margin-top:6px;
	clear:both;
	text-align:right;
}

#header_logo {
	margin-top:18px;
}

#bg_gnav {
	width: 900px;
	height: 38px;
	margin:0px;
	padding-top:2px;
	margin-bottom:2px;
	clear:both;
}

#gnav {
	width: 900px;	
	padding:0px;
	clear:both;
}

#gnav li {
	float: left;
	list-style-type: none;
}


/* ------------------------------- */

div#bg_contents {
	width:900px;
}

div#bg_main_img{
	width:100%;
	height:257px;		
	background-image: url(../img/bg_main_img.gif);
	background-repeat: repeat-x;
}

div#main_img {
	background-image: url(../img/main_img.jpg);
	background-repeat:no-repeat;
	width:840px;
	height:257px;
   	margin:0 auto;
}

div#bg_title_img{
	width:100%;
	height:114px;		
	background-image: url(../img/bg_title_img.gif);
	background-repeat: repeat-x;
}

div#title_img_clear {
	width:840px;
	height:104px;
   	margin:0 auto;
}

div#title_img_spolicy {
	width:840px;
	height:104px;
   	margin:0 auto;
	background-image: url(../img/title_img_spolicy.gif);
   	background-repeat: no-repeat;
 	background-position: 95% 100%;
}

div#title_img_model {
	width:840px;
	height:104px;
   	margin:0 auto;
	background-image: url(../img/title_img_model.gif);
   	background-repeat: no-repeat;
 	background-position: 95% 100%;
}

div#title_img_flow {
	width:840px;
	height:104px;
   	margin:0 auto;
	background-image: url(../img/title_img_flow.gif);
   	background-repeat: no-repeat;
 	background-position: 100% 100%;
}

div#title_img_price {
	width:840px;
	height:104px;
   	margin:0 auto;
	background-image: url(../img/title_img_price.gif);
   	background-repeat: no-repeat;
 	background-position: 100% 100%;
}

div#title_img_qa {
	width:840px;
	height:104px;
   	margin:0 auto;
	background-image: url(../img/title_img_qa.gif);
   	background-repeat: no-repeat;
 	background-position: 100% 100%;
}

div#title_img_contact {
	width:840px;
	height:104px;
   	margin:0 auto;
	background-image: url(../img/title_img_contact.gif);
   	background-repeat: no-repeat;
 	background-position: 95% 100%;
}

div#title_img_about {
	width:840px;
	height:104px;
   	margin:0 auto;
	background-image: url(../img/title_img_about.gif);
   	background-repeat: no-repeat;
 	background-position: 93% 100%;
}

div#title_img_tokusyou {
	width:840px;
	height:104px;
   	margin:0 auto;
	background-image: url(../img/title_img_tokusyou.gif);
   	background-repeat: no-repeat;
 	background-position: 93% 100%;
}

div#title_img_kiyaku {
	width:840px;
	height:104px;
   	margin:0 auto;
	background-image: url(../img/title_img_kiyaku.gif);
   	background-repeat: no-repeat;
 	background-position: 93% 100%;
}

div#title_img_link_list {
	width:840px;
	height:104px;
   	margin:0 auto;
	background-image: url(../img/title_img_link_list.gif);
   	background-repeat: no-repeat;
 	background-position: 93% 100%;
}


div#title_img_sitemap {
	width:840px;
	height:104px;
   	margin:0 auto;
	background-image: url(../img/title_img_sitemap.gif);
   	background-repeat: no-repeat;
 	background-position: 93% 100%;
}

div#title_img_payment {
	width:840px;
	height:104px;
   	margin:0 auto;
	background-image: url(../img/title_img_payment.gif);
   	background-repeat: no-repeat;
 	background-position: 100% 100%;
}

div#title_webnews {
	width:840px;
	height:104px;
   	margin:0 auto;
	background-image: url(../img/title_img_webnews.gif);
   	background-repeat: no-repeat;
 	background-position: 93% 100%;
}


p#pan{
	font-size:12px;
	margin:0;
	padding:0;
}

p#pan a{
	font-size:12px;
}

div#contents {
   width:840px;
   margin:0 auto;
   margin-top:30px;
   /* border-bottom:1px solid #535D57; */
}

div#contents_end {
   width:900px;
   height:10px;
   background-image: url(../img/contents_end.gif);
   background-repeat: no-repeat;
   margin:0;
   padding:0;
   /* border-bottom:1px solid #535D57; */
}

div#main {
   float:left;
   width:604px;  
   background:#fff;
   /* background:#e2eede; */
}

div#main p {
	margin: 0px;
	padding: 0px; 
	margin:0;
}

div#main #news02{
	width:562px;
	height:84px;
	padding-left:42px;
	padding-top:14px;
	background-image: url(../img/top_news02.gif);
	background-repeat: no-repeat;
}

div#main #news03{
	width:562px;
	height:125px;
	padding-left:42px;
	padding-top:14px;
	background-image: url(../img/top_news03.gif);
	background-repeat: no-repeat;
}

div#main #news04{
	width:562px;
	height:148px;
	padding-left:42px;
	padding-top:14px;
	background-image: url(../img/top_news04.gif);
	background-repeat: no-repeat;
}

div#main #topics{
	width: 604px;
	margin:0px;
	padding:0px;
}

div#main #topics li {
	float: left;
	margin-right:20px;
	list-style-type: none;
}

div#main #topics .topics_end{
	float: left;
	margin:0px;
	list-style-type: none;
}

div#main .b_pagetop{
	float: right;
	margin-top:10px;
}

#main #menu_main ul{
	margin:0px;
	padding:0px;
	margin-left:20px;
}

#main #menu_main li{
	list-style:none;
	background-image: url(../img/point_menu_main.gif);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:0px;
	padding-bottom:10px;
	margin:0px;
}


div#sub {
   float:left;
   width:206px;
   margin-left:30px;
   /* background:#f9f4e4; */
}

div#sub_naiyou {
   float:left;
   width:196px;
   background:#f5f0dd;
   padding:5px 5px 10px 5px;
   /* background:#f9f4e4; */
}






#tail{
	width:840px;
}

#tail #bg_box{
	width:840px;
	height:80px;	
	background-image: url(../img/bg_tail_box.gif);
	background-repeat:no-repeat;
}

#tail #b_tail_info{
	padding-top:14px;
	padding-left:565px;
}

#tail p{
	text-align:center;
	margin:0;
	padding:0;
}

div#bg_footer{
	width:100%;
	height:232px;
	background-image: url(../img/bg_fotter.gif);
	background-repeat:repeat-x;
	position: absolute;
	bottom: 0;	
}

div#footer{
	width:900px;
	height:192px;
	margin:auto;
	margin-top:22px;
	
}

div#footer_set {
   width:900px;
}

div#footer_left {
	width:438px;
	float: left;
	position:absolute;
}

div#footer_right {
	width: 408px;
	height:64px;
	float: right;	
}

div#footer_right #footer_info {
	width: 416px;
	height:45px;
	background-image: url(../img/header_info.gif);
	background-repeat:no-repeat;
	margin-top:6px;
	clear:both;
	text-align:right;
}

div#footer_logo {
	margin-top:11px;
}

div#footer #line{
	margin-top:10px;
}

div#footer p{
	color:#fff;
	text-align: center;	
}

div#footer #fmenu{
	margin:0px;
	padding:0px;
	margin-top:9px;
	line-height:28px;
}

div#footer #fmenu a{
	color:#FFFFFF;
	text-decoration: underline;	
}

div#footer #fmenu a:hover{
	text-decoration: none;
}

div#footer #fmsg{
	margin:0px;
	padding:0px;
	margin-top:12px;
}

div#footer #copyright{
	font-size:12px;
	margin:0px;
	padding:0px;
	margin-top:10px;
}


/* ========CONTENTS======== */
h1{
	font-size: 12px;
	color:#fff;
	width:602px;
	text-align:left;
	padding:2px 0;
}

#main #title_top{	/* <h2> */
	background-image: url(../img/title_top.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size: 16px;
	color:#ff7a00;
	padding-left: 15px;
	padding-bottom: 7px;
	padding-top: 10px;
	margin-bottom: 10px;
	clear: both;
}

h3#bg_sub_pickup {
  	width:193px;
	height:31px;
	font-size: 16px;
	font-weight:bold;
	padding-left:13px;
	padding-top:5px;	
	background-image: url(../img/bg_sub_pickup.gif);
	background-repeat:no-repeat
}

h4 {
	font-size:14px;
	font-weight:bold;
}

h4.title_s01{
	font-size: 14px;
	color:#0083db;
	padding-left:20px;
	padding-top:1px;
	padding-bottom:4px;
	margin:0;
	margin-top:30px;
	background-image: url(../img/title_s01.gif);
	background-repeat:no-repeat
}

h4#title_s02{
	color:#ff8c00;
	padding-left:20px;
	padding-top:1px;
	padding-bottom:4px;
	margin:0;
	margin-top:30px;
	background-image: url(../img/title_s02.gif);
	background-repeat:no-repeat
}

#main .box01{
	padding-left:31px;
	padding-right:31px;
}

#main .box02{
	padding-top:10px;
}


#main .box01 .box01_left{
	width:262px;
	float:left;	
}

#main .box01 .box01_right{
	width:262px;
	margin-left:40px;
	float:right;	
}

#main .box01 #point_a01{
	background-image: url(../img/about_point01.gif);
	background-repeat: no-repeat;
}

#main .box01 #point_a02{
	background-image: url(../img/about_point02.gif);
	background-repeat: no-repeat;
}

#main .box01 #point_a03{
	background-image: url(../img/about_point03.gif);
	background-repeat: no-repeat;
}

#main .box01 #point_a04{
	background-image: url(../img/about_point04.gif);
	background-repeat: no-repeat;
}

#main .box01 #point_a05{
	background-image: url(../img/about_point05.gif);
	background-repeat: no-repeat;
}

#main .box01 #point_a06{
	background-image: url(../img/about_point06.gif);
	background-repeat: no-repeat;
}

#main .box01 #point_b01{
	background-image: url(../img/point_b01.gif);
	background-repeat: no-repeat;
	padding-top:4px;
	padding-bottom:10px;
}

#main .box01 #point_b02{
	background-image: url(../img/point_b02.gif);
	background-repeat: no-repeat;
	padding-top:4px;
	padding-bottom:10px;
}

#main .box01 #point_b03{
	background-image: url(../img/point_b03.gif);
	background-repeat: no-repeat;
	padding-top:4px;
	padding-bottom:10px;
}

#main .box01 #point_b04{
	background-image: url(../img/point_b04.gif);
	background-repeat: no-repeat;
	padding-top:4px;
	padding-bottom:10px;
}

#main .box01 #point_b05{
	background-image: url(../img/point_b05.gif);
	background-repeat: no-repeat;
	padding-top:4px;
	padding-bottom:10px;
}

#main .box01 #point_b06{
	background-image: url(../img/point_b06.gif);
	background-repeat: no-repeat;
	padding-top:4px;
	padding-bottom:10px;
}

#main .box01 #point_b07{
	background-image: url(../img/point_b07.gif);
	background-repeat: no-repeat;
	padding-top:4px;
	padding-bottom:10px;
}

#main .box01 #point_c01{
	background-image: url(../img/point_c01.gif);
	background-repeat: no-repeat;
}

#main .box01 #point_c02{
	background-image: url(../img/point_c02.gif);
	background-repeat: no-repeat;
}

#main .box01 #point_c03{
	background-image: url(../img/point_c03.gif);
	background-repeat: no-repeat;
}

#main .box01 #point_c04{
	background-image: url(../img/point_c04.gif);
	background-repeat: no-repeat;
}

/* トップページ */
#main .index_title{	/*  トップページh2  */
	height:52px;
	margin:0px;
	padding:0px;
	background-image:none;
}


#main #top_hoshi ul {
	margin:0px;
	padding:0px;
	background-image: url(../img/top_bg_hoshi.gif);
	background-repeat: no-repeat;
	background-position: 100% 100%;
}

#main #top_hoshi li {
	font-weight:bold;
	list-style-type: none;	
	background-image: url(../img/point_hoshi.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding : 2px;
	padding-top:6px;
	padding-left: 30px;
}

#main .work_left{
	width: 66px;
	padding-top:5px;
	float:left;
}

#main .work_right{
	float:left;	
}

#main .work_right dl{
	margin:0px;
	padding:0px;
}

#main .work_right dl dt{
	font-weight:bold;
}

#main .work_right dl dd{
	margin:0px;
	padding:0px
}

#main .work2_left{
	width: 344px;
	float:left;
}

#main .work2_right{
	float:left;	
}

#main #policy dl{
	margin:0px;
	padding:0px;
}

#main #policy dl dt{
	font-weight:bold;
	margin-top:20px;
}

#main #policy dl dd{
	margin:0px;
	padding:0px
}

#main #webnews_title{
	height:34px;
	width:604px;
	background-image: url(../img/waku_top_webnews.gif);
	background-repeat: no-repeat;
}

#main #webnews_b{
	float:right;
	padding-right:10px;
	padding-top:3px;
}


#main #waku_bottom_webnews{
	height:17px;
	background-image: url(../img/waku_bottom_webnews.gif);
	background-repeat: no-repeat;
}

#main #webnews_sum{
	margin-bottom:20px;
}



/* 作成実績ページ */
#main #model_list ul{
	height:84px;
	margin:0px;
	padding:0px;
	padding-top:15px;
}

#main #model_list li{
	list-style:none;
	float: left;
	margin-right:6px;
}

#main #model_list .hashi{
	margin-right:0px;
}

#main .works_left{
	width: 250px;
	float:left;
}

#main .works_right{
	width: 270px;
	height: 106px;	
	padding-left:20px;
	padding-top:75px;
	float:left;	
}

/* 制作の流れページ */
#main .flow_left{
	width: 120px;
	float:left;
}

#main .flow_right{
	width: 402px;
	padding-left:20px;
	float:left;	
}

/* 料金・支払方法ページ */
#main .price_left{
	width: 290px;
	float:left;
}

#main .price_right{
	width: 266px;
	padding-left:24px;
	float:left;	
}

#main .price2_left{
	width: 264px;
	float:left;
}

#main .price2_right{
	padding-left:20px;
	float:left;	
}

#main #price_payment{
	background-image: url(../img/price_payment_img.gif);
	background-repeat: no-repeat;
	background-position: 100% 100%;
}

/* 更新費ページ */
#main #kousin table{
	border-collapse: collapse;
   	margin:auto;
}

#main #kousin table td{
	border-width: 1px 1px; /* 上下だけ引く */
	border-color: #c0c0c0; 
	border-style: solid; 
	padding: 6px 20px; /* セル内側の余白 */
	text-align:left;
}

/* テンプレート一覧ページ */
#contents .temp_set{
	width:195px;
	float:left;
	margin-top:40px;
	margin-left:50px;
}

#contents #temp_kyoutu{
	width:680px;
	margin-left:50px;
}

#contents .waku02_top{
	height:10px;
	background-image: url(../img/waku02_top.gif);
	background-repeat: no-repeat;
}

#contents .waku02_middle{
	background-image: url(../img/waku02_middle.gif);
	background-repeat:repeat-y;
	padding:0 30px;
}

#contents .waku02_bottom{
	height:40px;
	background-image: url(../img/waku02_bottom.gif);
	background-repeat: no-repeat;
}

/* よくある質問ページ */
#main #qa_q{
}

#main #qa_q ul{
	margin:0px;
	padding:0px;
	margin-top:10px;
}

#main #qa_q li{
	list-style:none;
	background-image: url(../img/qa_img_q.gif);
	background-repeat: no-repeat;
	padding-left:30px;
	padding-top:0px;
	padding-bottom:15px;
}

#main #qa_q a{
	text-decoration: underline;	
}

#main #qa_q a:hover{
	text-decoration: none;
}

#main #qa_set dl {
	margin-bottom:0px;
}

#main #qa_set dl dt {
	background-image: url(../img/qa_img_q.gif);
	background-repeat: no-repeat;
	font-weight:bold;	
	padding-top:0px;
	padding-bottom:10px;
	padding-left:30px;
}

#main #qa_set dl dd {	
	background-image: url(../img/qa_img_a.gif);
	background-repeat: no-repeat;
	margin-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:30px;	
}

/* 検索連動型広告ページ */
#main #koukoku_hoshi ul {
	margin:0px;
	padding:0px;
}

#main #koukoku_hoshi li {
	list-style-type: none;	
	background-image: url(../img/point_hoshi.gif);
	background-repeat: no-repeat;
	background-position: 0px 12px;
	padding : 2px;
	padding-top:12px;
	padding-left: 30px;
}

#main .koukoku_b_left{
	float:left;
}

#main .koukoku_b_right{
	float:left;
	margin-left:30px;
}


/* リンク集 */
#main .link_set ul {
	list-style:none;
	margin:0px;
	padding:0px;
	margin-top:10px;
	padding-left:10px
}

#main .link_set li {
	background-image: url(../img/link_img01.gif);
	background-repeat: no-repeat;
	padding-left:25px;
	padding-bottom:8px;
	line-height:17px;
}

/* ホームページタイム概要ページ */
#main #about_list dl{
	margin:0px;
	padding:0px;
	padding-top:20px;
}

#main #about_list dt {  
 float:left;  
 width:120px;
 font-weight:bold;  
}  
#main #about_list dd {  
	width:410px;
	margin-left:120px;  
}  

/* 利用規約ページ */
#main #kiyaku_list dl{
	margin:0px;
	padding:0px;
}

#main #kiyaku_list dt {  
 	font-weight:bold;
	padding-top:20px;
}  
#main #kiyaku_list dd {
	margin:0px;
} 

/* サイトマップページ */

#main #menu_sitemap ul{
	margin:0px;
	padding:0px;
}

#main #menu_sitemap li{
	list-style:none;
	background-image: url(../img/point_menu_sitemap.gif);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:0px;
	padding-bottom:10px;
	margin:0px;
}

#main #menu_sitemap ul .kaisou2{
	font-size:12px;
	padding-top:10px;
	padding-left:5px;
}

#main #menu_sitemap ul .kaisou2 li{
	padding-top:0px;
	padding-bottom:0px;
}

/* クレジットカードページ */


#main .pay_left{
	width: 220px;
	float:left;
}

#main .pay_right{
	width: 322px;
	height:40px;
	position: relative;
	float:left;
	text-align:right;	
}

#main .pay_b_left{
	width: 160px;
	float:left;	
	text-align:right;
}

#main .pay_b_right{
	width: 160px;
	float:right;
	text-align:right;	
}


#main p#pay_price{
	margin-top:8px;	
}

#main p#pay_price_auto{
	margin-top:0px;	
}

/* Webニュース＆用語集ページ */
#main #kiji_list ul{	/* 一覧表示 */
	margin:0px;
	padding:0px;
}

#main #kiji_list li{	/* 一覧表示 */
	list-style:none;
	padding-top:10px;
}

#main #kiji_bg{
	background-color:#f2f4f5;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
}

#main #kiji_tail{	/* h2関連削除 */
	height:auto;
	background-image:none;
	margin:0px;
	padding:0px;
}

/* 汎用 */
#main .title_m{
	height:27px;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:3px;
	padding-left:10px;
	background-image: url(../img/price_title_m.gif);
	background-repeat: no-repeat;
}

#main .waku_top{
	height:10px;
	background-image: url(../img/waku_top.gif);
	background-repeat: no-repeat;
}

#main .waku_middle{
	background-image: url(../img/waku_middle.gif);
	background-repeat:repeat-y
}

#main .waku_bottom{
	height:40px;
	background-image: url(../img/waku_bottom.gif);
	background-repeat: no-repeat;
}

table.price00 {
   border-collapse: collapse;
   margin:auto;
}
table.price00 td {
   border-width: 1px 1px; /* 上下だけ引く */
   border-color: #bac68a; 
   border-style: solid; 
   padding: 6px 20px; /* セル内側の余白 */
   text-align:center;
}

table.price01 {
   border-collapse: collapse;
   margin:auto;
}

table.price01 td {
   border-width: 1px 1px; /* 上下だけ引く */
   border-color: #d4bf8b; 
   border-style: solid; 
   padding: 6px 20px; /* セル内側の余白 */
   text-align:center;
}

table.price02 {
   border-collapse: collapse;
   margin:auto;
}
table.price02 td {
   border-width: 1px 1px; /* 上下だけ引く */
   border-color: #9ab3c6; 
   border-style: solid; 
   padding: 6px 20px; /* セル内側の余白 */
   text-align:center;
}


.txtred{
	color:#dc0000;
	font-weight:bold;	
}

.txtblue{	/* Webニュース一覧用 */
	color:#005ed4;
}

.txtyellow{
	color:#f5a100;
}

.space5{
	padding-top:5px;
}

.space10{
	padding-top:10px;
}

.space20{
	padding-top:20px;
}

.space30{
	padding-top:30px;
}

.space40{
	padding-top:40px;
}

.space50{
	padding-top:50px;
}

.space60{
	padding-top:60px;
}

.space5m{
	margin-top:5px;
}

.space10m{
	margin-top:10px;
}

.space20m{
	margin-top:20px;
}

.space30m{
	margin-top:30px;
}

.space40m{
	margin-top:40px;
}

.space50m{
	margin-top:50px;
}

.space60m{
	margin-top:60px;
}

#main .line_space20{
	margin-top:10px
}

#main .line_space30{
	margin-top:20px
}

.floatleft {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}

.floatright {
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
}

.floatclear{
	clear: both;
	margin:0px;
	padding:0px;
}

.displayno{
	display:none;
	content:"";
	visibility:hidden;
}

.posi_center{
	text-align:center;
}

.posi_right{
	text-align:right;
}