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

#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 {
			width:840px;
			background:url(../img/img007.gif) right top repeat-y;
			height:100%;
			margin:0 0 -1px 0;/*モダンブラウザの１px背景表示調整系*/
			}
			#pgbody {
				width:840px;
				text-align:left;
				background:url(../img/img011.gif) left top repeat-y;
				overflow: hidden;
				}
				.works_box {/*上段イメージ235px空白確保*/
					margin-top:235px;
					}
				.works_img_bg {
					position:relative;
					}
					.works_img_bg_box {
						position:absolute;
						width:840px;
						}
						.left_box{
							float:left;
							width:455px;
							}
				#content {
					width:551px;
					float:right;
					margin:0px 0 -1px 0;/*モダンブラウザの１px背景表示調整系及び、works_img_bgのrelative分調整*/
					background:url(../img/img007.gif) left top repeat-y;
					}
		
					#content a {text-decoration:underline;}
					

					/*コンテンツ内部*/
					#box1 {
						margin-left:30px;/*マージン30＋box1内の幅に注意＜551以下に収めること＞*/
						background:url(../img/img033.jpg) right top no-repeat;
						padding-top:10px;
						
						}
						.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;
									}
					.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_img {
							margin:15px 0;
							}
						.box1_margin-bottm {/*料金詳細で使用*/
							margin-bottom:40px;
							}
						#box1 p {
							line-height:1.7;
							margin:15px 33px 15px 5px;
							}
						
						/*ＦＡＱで使用*/
						.box1_h3_faq {
							margin:28px 30px 0 0;
							color:#097baa;
							font-weight:bold;
							padding:15px 0 15px 28px;
							background:url(../img/img058.gif) left top no-repeat;
							}
						.box1_ul_faq li{
								margin:10px 30px 10px 0;
								padding-left:28px;
								padding-top:3px;
								background:url(../img/img057.gif) left center no-repeat;
								border-bottom:1px dotted #cccccc;
							}
							.box1_ul_faq a {
								font-size:1.1em;
								}
								
							.font01 {/*FAQ下層Q文字で使用*/
								color:#003399;
								}
							.box1_faq {/*FAQ下層回答ボックスで使用*/
								padding-left:23px;
								background:url(../img/img059.gif) left top no-repeat;
								}
								.box1_faq_p {
									text-align:right;
									}
								.box1_faq_p a {
									font-size:1.0em;
									}
							.h4_border {
								border-bottom:1px solid #003366;
								font-weight:bold;
								margin-right:30px;
								}
									
						#p_up {
							padding-left:390px;
							margin-bottom:30px;
							margin-top:15px;
							}
				/*左サブナビゲーション*/			
				#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;
											background:url(../img/img016.jpg) left center no-repeat;
											color:#FF0099;
											}
									#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;
							}
							.pr a{font-size:0.9em;color:#666666;}
						.box2 img {
							padding-left:42px;
							padding-top:4px;
							padding-right:20px;
							}
						#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;
					}