@charset "utf-8";
/* CSS Document */
/*main仕様*/

#bgheader {
	background:url(../img/img003.jpg) left top repeat-x;
	}
	#header {
		position:relative;
		height:100px;
		width:840px;
		margin:0 auto;
		background:url(../img/img020.jpg) left top no-repeat;
		}
		#globalnav {
			position:absolute;
			top:0px;
			left:320px;
			width:500px;
			height:270px;
			z-index:1;
			}
			#globalnav li {
				float:left;
				width:100px;
				}
				#globalnav li a {
					display:block;
					overflow:hidden;
					width:100%;
					height: 0 !important;
					height /**/:100px;
					padding-top:100px;
					background-image:url(../img/img009.jpg);
					}
					/*オフマウス*/
					#nav01 a {background-position: 0px -100px;}
					#nav02 a {background-position: -100px -100px;}
					#nav03 a {background-position: -200px -100px;}
					#nav04 a {background-position: -300px -100px;}
					#nav05 a {background-position: -400px -100px;}
					/*選択*/
					#nav01 a.stay {background-position: 0 0;}
					#nav02 a.stay {background-position: -100px 0px;}
					#nav03 a.stay {background-position: -200px 0px;}
					#nav04 a.stay {background-position: -300px 0px;}
					#nav05 a.stay {background-position: -400px 0px;}
					/*オンマウス*/
					#nav01 a:hover {background-position: 0 -200px;}
					#nav02 a:hover {background-position: -100px -200px;}
					#nav03 a:hover {background-position: -200px -200px;}
					#nav04 a:hover {background-position: -300px -200px;}
					#nav05 a:hover {background-position: -400px -200px;}
				
		#header-h1 {
			position:absolute;
			top:12px;
			right:35px;
			z-index:2;
			}
		#rogo {
			position:absolute;
			top:0px;
			left:36px;
			width:221px;
			}
/*ヘッダー*/			
			
/*内部*/			
#bgwrapper {
	background:url(../img/img012.gif) left top repeat-x;
	width:100%;
	}

.modern {/*モダンブラウザ:MacIE5：IE7:用flaot解除により背景表示可能*/
　　overflow: hidden;
	}
.modern:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
　　overflow: hidden;
}
				/*\*/
				* html .modern {
				    height: 100%;
			　       overflow: visible;
					}
				/*IE5～6対策*/
				
				
	#container {
		width:840px;
		margin:0  auto;
		}
		#main {
			background:url(../img/img007.gif) right top repeat-y;
			height:100%;
			margin:0 0 -1px 0;/*モダンブラウザの１px背景表示調整系*/
			width:840px;
			}
			#pgbody {
				width:840px;
				text-align:left;
				background:url(../img/img011.gif) left top repeat-y;
				}
				#content {
					width:551px;
					float:right;
					margin:0 0 -1px 0;
					background:url(../img/img007.gif) left top repeat-y;
					}
					
					#content a {text-decoration:underline;}

					/*コンテンツ内部*/
					#box1 {
						margin-left:30px;/*マージン30＋box1内の幅に注意＜幅指定の場合515以下に収めること＞*/
						background:url(../img/img045.jpg) right top no-repeat;
						padding-top:10px;
						}
					.pankuzu {
						font-size:10px;
						margin-bottom:5px;
						text-align:right;
						margin-right:38px;
						}
						.pankuzu a {
							color:#bbbbbb;
							font-size:12px;
							margin:0 3px;
							}
						.pankuzu span {
								margin:0 3px;
								font-size:12px;
								color:#666666;
							}
						#box1 h2 {
							margin:20px 30px 0 0;
							color:#0f4f86;							
							padding-left:5px;
							font-weight:bold;
							}
						#box1 h3 {
							margin:28px 30px 0 0;
							color:#0f4f86;
							padding-left:10px;
							padding-top:20px;
							font-weight:bold;
							border-top:1px solid #cccccc;
							}
						#box1 h4 {
							margin:28px 35px 0 0px;
							padding:2px 0 2px 10px;
							border:1px solid #dddddd;
							background:#eeeeee;
							}
							
						#box1 p {
							line-height:1.7;
							margin:15px 33px 15px 5px;
							}
						.box1_ul {
							margin-top:15px ;
							margin-bottom:25px;
							margin-right:30px;
							list-style:url(../img/img008.gif);
							}
							.box1_ul li {
								margin: 10px 0 10px 35px;
								padding-left:10px;
								}
								/*#box1 ul li a {
									background: #ffffff url(../img/img011.gif) left center no-repeat;
									padding:6px 0 6px 10px;
									}*/
									
						#p_up {
							padding-left:390px;
							margin-bottom:30px;
							margin-top:15px;
							clear:both;
							}
						.span_mini {
							font-size:0.8em;
							}
						
						/*サイトマップで使用*/
						.map {
							margin-top:25px ;
							margin-bottom:35px;
							}
							.map_li {
								margin: 15px 30px 20px 35px;
								padding-left:10px;
								list-style:url(../img/img071.gif);
								}
								.map_li a {
									font-size:14px;
									}
						.shiji {
							padding-left:30px;
							margin: 0 30px -12px 50px;
							font-size:14px;
							background:url(../img/img072.gif) left center no-repeat;
							}
							
						/*制作料金表で使用*/
						.cahrg_table {
							border-collapse:separate;
							margin-right:30px;
							border-spacing:0;
							border:1px solid #dddddd;
							}
							.cahrg_table tr {
								margin-top:0;
								}
							.cahrg_table_p {
								margin-right:0px;
								}
							.cahrg_table th {
								color:#000066;
								vertical-align:middle;
								background-color:#efefef;
								width:1%;
								white-space:nowrap;
								padding:3px 5px;
								text-align:center;
								border-right:1px solid #bbb;
								border-bottom:1px solid #bbb;
								}
							.cahrg_table td {
								padding:5px;
								border-right:1px solid #bbb;
								border-bottom:1px solid #bbb;
								}
								.cahrg_td {
									vertical-align:middle;
									color:#D30529;
									white-space:nowrap;
									}
						
						.top_box_bana01{
							background:url(../img/img080.gif) left top no-repeat;
							height:150px;
							}
							#bana01_p{
								padding-top:50px;
								padding-left:50px;
								}
								#bana01_p p{
									margin-bottom:0px !important; 
									font-size:12px;
									}
						.table_01 {
							margin-top:22px;
							margin-right:33px;
							border-collapse:separate;
							border-spacing:2px;
							}
							.table_01 tr th {
								padding:7px 5px 6px 22px;
								font-size:1.4em;
								background-color:#efefef;
								border:1px solid #cccccc;
								border-left:3px solid #00aeff;
								font-weight:bold;
								color:#000066;
								}
							.table_01 tr td {
								border-bottom:1px dashed #ccc;
								background-color:#ffffff;
								}
							.red {
								color:#D30529;
								}
							.red_through {/*打ち消し線用*/
								color:#999999;
								text-decoration:line-through; 
								}
							.toka {
								color:#0f48b1;
								font-weight:bold;
								}
						/*セットプラン*/
						#setbox1 {
							margin-left:30px;
							background:url(../img/img045.jpg) right top no-repeat;
							padding:10px 33px 15px 0px;
							/*マージン30＋padding33を含め下位boxは515以下に収めること＞*/
							}
							#setbox1 p {
								line-height:1.7;
								}
							#setbox1 h2 {
								margin:20px 30px 0 0;
								color:#0f4f86;							
								padding-left:5px;
								font-weight:bold;
								}
							#set1 {
								background:url(../img/img096.gif) left top repeat-y;
								margin-bottom:25px;
								width:480px;
								}	
							#set2 {
								background:url(../img/img098.gif) left top repeat-y;
								margin-bottom:25px;
								width:480px;
								}
							#set3 {
								background:url(../img/img094.gif) left top repeat-y;
								margin-bottom:25px;
								width:480px;
								}
							#set4 {
								background:url(../img/img091.gif) left top repeat-y;
								margin-bottom:25px;
								width:480px;
								}
								.set_ul{
									margin:10px 68px 0px 25px;
									}
									.set_ul li {
										background:url(../img/img099.gif) left center no-repeat;
										margin-bottom:8px;
										padding:0px 10px 0px 30px;
										border-bottom:1px dashed #d3d3d3;
										}
								.set_coment {
									float:left;
									width:270px;
									margin-left:20px;
									color:#ff0000;
									}
									.set_coment p {
										font-size:11px;
										padding:15px 0 15px 15px;
									    }
								.nedan {
									float:right;
									width:170px;
									margin-right:18px;
									text-align:center;
									}
									.nedan p{
										font-size:28px;
										font-weight:bold;
										color:#e40000;
										}.nedan_span{
										font-size:0.5em;margin-left:0.2em;
										}
								.set_bottom{
									clear:both;
									}	
						
						/*実績で使用*/		
						.showcase {
								width:479px;
							}
							#showcase_top {
								margin-top:25px;
								}
							.showcase_img {
								float:right;
								width:237px;
								margin-left:10px;
								}
							.show_text{
								margin-bottom:20px;
								}
								.show_text h5 {
									color:#aaaaaa;
									}
								.show_text a {
									padding-left:5px;
									}
								.status1{/*新規ステータス*/
									padding-top:55px;
									margin-bottom:20px;
									background:url(../img/img106.gif) left top no-repeat;
									}
									.status1 li{padding-bottom:16px;}
									
								.status2{/*更新ステータス*/
									padding-top:55px;
									margin-bottom:20px;
									background:url(../img/img107.gif) left top no-repeat;
									}
									.status2 li{padding-bottom:16px;}
									
									.s5 {background:url(../img/img112.gif) left bottom no-repeat;}
									.s4 {background:url(../img/img113.gif) left bottom no-repeat;}
									.s3 {background:url(../img/img114.gif) left bottom no-repeat;}
									.s2 {background:url(../img/img115.gif) left bottom no-repeat;}
									.s1 {background:url(../img/img116.gif) left bottom no-repeat;}
									.s0 {background:url(../img/img111.gif) left bottom no-repeat;}
							
							.show_clear {
								clear:both;
								}
								
						/*制作の流れで使用*/
						#flow_box1 {
							width:479px;
							margin-top:20px;
							}
							#flow_box1 img {
								float:right;
								width:240px;
								margin-left:10px;
								}
							#flow_box1_clear {
								clear:both;
								}
								
						.flow_box_margin {
							margin-bottom:40px;
							}
						#flow_box_topmargin {	
							margin-top:20px;
							}
						.flow_box_next {
							margin:10px 30px 10px 0;
							text-align:right;
							}
							.flow_box_next a {	
								font-size:1.0em;
								}
					
						/*特定商取引で使用*/
						.law_table {
							border:1px solid #eeeeee;
							width:474px;
							border-collapse:separate;
							border-spacing:2px;
							}
						.width150 {
							width:150px;
							font-size:1.4em;
							color:#444444;
							padding:5px;
							border-right:1px solid #cccccc;
							border-bottom:1px solid #cccccc;
							background-color:#F0FFD9;
							}
						.law_table_td {
							padding:5px;
							border-right:1px solid #cccccc;
							border-bottom:1px solid #cccccc;
							font-size:1.4em;
							background-color:#EEF3EB;
							}
							
						/*問合せフォームで使用*/
						#form {
							width:480px;
							}
							#form table {
								width:100%;
								font-size:14px;
								border-top:1px solid #cccccc;
								border-bottom:none;
								border-left:none;
								border-right:none;
								}
							#form td {
								border-top:none;
								border-bottom:1px solid #cccccc;
								border-left:none;
								border-right:none;
								padding:10px;
								}
							#form th {
								border-top:none;
								border-bottom:1px solid #cccccc;
								border-left: 6px solid #cccccc;
								border-right:none;
								background-color:#f3f3f3;
								font-weight:normal;
								padding:10px;
								width:180px;
								text-align:left;
								}
							#form th.most {
								border-left-color:#d90000;
								}
							#form th em {
								font-style:normal;
								color:#ff0000;
								font-size:10px;
								}
							.text1,.text2,.text3 {
								border: 1px solid #cccccc;
								background-color:#f3f3f3;
								padding:2px;
								}
								form select {
									border:1px solid #cccccc;
									background-color:#f3f3f3;
									}
								form .submit {
									text-align:center;
									margin-top:30px;
									}
								#v-align {/*問合せ詳細でテキスト上段表示*/
									vertical-align:top;
									}
								#confirm {
									text-align:center;
									margin-top:30px;
									}
							.form_h5 {
								margin:20px 0 25px 0;
								padding-left:15px;
								}
							.red_form {
								color:#FF0066;
								}
							.a_hover a:visited {/*PHPフォーム内でのみ有効となる*/
								color:#000000;
								}
								
						
						/*利用規約で使用*/		
						.box1_ol {
							margin-top:15px ;
							margin-bottom:25px;
							margin-right:30px;
							}
							.box1_ol li {
								margin: 10px 0 10px 35px;
								padding-left:10px;
								font-size:1.2em;
								}
								/*#box1 ol li a {
									background: #ffffff url(../img/img011.gif) left center no-repeat;
									padding:6px 0 6px 10px;
									}*/
				
				/*左サブナビゲーション*/			
				#sub-content {
					width:289px;
					float:left;
					background:url(../img/img004.gif) left top repeat-y;
					margin:0;
					}
					.box2 {
						margin-bottom:5px;
						}
					#box2_bg {/*サブナビ上段専用背景あわせ*/
						background:url(../img/img005.jpg) left top no-repeat;
						}
						.box2 h3 {
							padding-left:42px;
							padding-top:15px;
							height: 37px !important;
							height /**/: 52px;
							color:#ffffff;
							font-size:15px;
							background:url(../img/img006.jpg) left top no-repeat;
							}
						#box_h3_bg {/*サブナビ上段専用背景あわせ*/
							background:url(../img/img010.jpg) left top no-repeat;
							}
							.box2 ul {
								margin:0;
								padding:0;
								}	
								.box2 ul li {
										background: url(../img/img014.jpg) left center no-repeat;
									}
									
									.box2 ul li a{
										padding:15px 0px 15px 42px; 
										background:url(../img/img013.jpg) left center no-repeat;
										display: block;
										width: 247px !important;
										width /**/: 289px;
										font-size:13px;
										color:#000000;
										}
									.box2 ul li a:hover{
											text-decoration:none;
											background-image:none;
											color:#FF0099;
											}
									.box2 ul li a:visited {
										
											background:url(../img/img018.jpg) left center no-repeat;
											}

									#box2_ul_li_a a{/*サブナビ上段リンクＢ専用背景*/
										padding:15px 0px 15px 42px; 
										background:url(../img/img015.jpg) left center no-repeat;
										display: block;
										width: 247px !important;
										width /**/: 289px;
										font-size:13px;
										color:#000000;
										}
									#box2_ul_li_a a:hover{/*サブナビ上段リンクＢ専用背景*/
											text-decoration:none;
											color:#FF0099;
											background:url(../img/img016.jpg) left center no-repeat;
											}
									#box2_ul_li_a a:visited{/*サブナビ上段リンクＢ専用背景*/
											background:url(../img/img017.jpg) left center no-repeat;
											}

						.box2 p {
							padding-left:42px;
							padding-top:10px;
							padding-right:20px;
							font-size:12px;
							}
						.box2 img {
							margin-left:42px;
							margin-right:20px;
							margin-top:4px;
							}
							.pr a{font-size:0.9em;color:#666666;}
						#box2_footer {
							width:289px;
							}
							
		#sub-footer {/*container内フッター*/
			clear:both;
			height:130px;
			}
/*フッター*/
#bgfooter {
	clear:both;
	background:url(../img/img016.gif) left bottom repeat-x;
}
		#footer{
			width:840px;
			margin-right:auto;
			margin-left:auto;
			text-align:left;
			}
			#f-rogo {
				width:840px;
				height:287px;
				background:url(../img/img015.gif) left bottom no-repeat;
				overflow: hidden;
				}
				#p-copy{
					float:left;
					width:580px;
					margin-top:190px;
					color:#525f75;
					}
					#p-copy ul li{
						display:inline;
						}
						#p-copy ul li a {
							font-size:11px;
							color:#ff8a00;
							}
						#p-copy ul li a:hover {
							color:#ffffff;
							text-decoration:none;
							}
					#p-copy p{
						font-size:11px;
						color:#525f75;
						}
					#c {
						font-size:9px;
						}
						
				#f-img {
					float:right;
					margin-top:230px;
					width:250px;
					}