/*--------------------------------------------------------------------
common
cssの初期化
--------------------------------------------------------------------*/


* {
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
margin: 0;
padding: 0;
color:#333333;
line-height:1.8em;
}

/*bodyのスタイル*/

body {
text-align: center;
margin: 0;
padding: 0;
}

p {
margin-top: 10px;
margin-bottom: 10px;
padding: 0;
margin-right: 0;
margin-left: 0;
text-align: left;
}

img{
padding:0 ;
margin:0 ;
}

html, body {
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角かせゴ Pro W3", sans-serif;
margin: 0;
padding: 0;
}

h2, h3, h4, h5, h6, address, div, blockquote, p, pre, li, dl, dt, dd, hr {
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-weight: normal;
font-size: 100%;
}

table, caption, th, td {
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-weight: normal;
font-size: 100%;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-weight: inherit;
font-size: 100%;
}

a {color: #0066CC;}
	
a:hover {color:#FF9900;}

li{list-style:none;}

td{text-align:left;}

p.tcenter{
	text-align:center;}

h1{
	text-align:center;
	margin:27px 0 35px;
	}




/*--------------------------------------------------------------------
common
ページ共通部分
--------------------------------------------------------------------*/

/*containerのスタイル*/

#topcontainer{
text-align:left;
background:#000 url(../commonimg/topbg.gif) repeat-x 0 0px;
margin:0 auto;
padding:0px 0 0;
}

#subcontainer{
text-align:left;
background:#fff url(../commonimg/subbg.gif) repeat-x 0 0px;
margin:0 auto;
padding:0px 0 0;
}

#topcontainer p{
	color:#fff;
	margin:10px 0;
	
	font-size:11px;}

#subcontainer p{
	color:#666;
	margin:10px 0;
	
	font-size:11px;}

.gbordertop{
	border-top:#3D3D3D solid 1px;
	padding:0 0 0;}
	
.gborderright{
	border-right:#D6D6D6 solid 1px;}

#left{
	margin:0 0 30px;
	padding:0;
	width:174px;
	float:left;}

#left p{
	margin:20px 0 10px 20px;
	color:#fff;}	

#navi{
	padding:0px 0px 0px;
	text-align:left;}

	
#navi li{
	margin:0 0 10px;}
	
#navi li a{
	display:block;
	width:89px;
	height:20px;
	padding:0;
	margin:0;
	}

#navi li a:hover{
	display:block;
	width:89px;
	height:20px;
	padding:0;
	margin:0;
	}


#right{
	margin:0px 0 0px;
	width:855px;
	padding:0px 0 30px;	
	float:right;}

#right2{
	margin:0px 0 0px;
	width:855px;
	 background:url(../commonimg/rightbg.gif) repeat-y right 0;
	padding:0px 0 30px;	
	float:right;}


#right h2{
	text-align:left;
	margin:0 0 15px;}

#subright{
	background:url(../commonimg/pan.gif) repeat-x 0 28px;
	width:730px;
	float:right;}

#right h3{
	text-align:left;
	margin:0 0 15px;}
	
	#subright h2{
	text-align:left;
	margin:0px 0 40px;}
	
#subright h3{
	text-align:left;
	margin:30px 0 30px;}	

#main{
	
	margin:0px 0 0;
	padding:28px 0 0;
	text-align:center;
	background:url(../commonimg/mainbg.gif) repeat-y 0 0;
	
	width:1030px;}

#main_newbuild{
	
	margin:0px 0 0;
	padding:0px 0 0px;
	text-align:center;
	background:url(../you/new/img/top/mainbg.gif) repeat-y 0 0;	
	width:1030px;}

#footer{
	
	text-align:left;
	border-top:#3D3D3D solid 1px;
	background:#000 url(../commonimg/mainbg.gif) repeat-y 0 0;

}

#footer a{
	font-size:10px;
	text-decoration:none;
	color:#999999;}
	

.fo01{
	text-align:center;
	width:840px;
	margin:0 0 0 185px;}


.f_catalog{
	margin:40px 0;}
	
#footer  .footer_ul{
	display:inline;}
	
#footer .footer_ul li{
	display:inline;
	padding-right:7px;
	margin-right:5px;
	margin-top:5px;
	border-right:1px solid #fff;

	}

#footer .footer_ul li a{
	font-size:10px;
	color:#FFFFFF;
	}

/*worksのスタイル*/
.wo01{
	float:left;
	margin:0 6px 6px 0;}

.wo02{
	float:left;
	margin:0 0px 6px 0;}

.wo03{
	float:left;
	margin:0 6px 0px 0;}

.wo04{
	float:right;
	margin:0 0px 0px 0;}
	
.wo01 a:hover img,.wo02 a:hover img,.wo03 a:hover img,.wo04 a:hover img{
	filter: alpha(opacity=75);
  -moz-opacity:0.75;
  opacity:0.75;
  }

#main_works{
	
	margin:0px 0 0;
	padding:0px 0 0px;
	text-align:center;
	background:url(../works/img/common/mainbg.gif) repeat-y 0 0;	
	width:1030px;}

.messagebg{
	background:#CCEBF5;}
			
#subright .messagebg p{
	font-size:12px;
	color:#333;
	margin:0 20px;}	

.w_outline td{
	font-size:12px;
	text-align:left;
	padding:0px 10px 0px 30px;}

.w_outline td.tdline{
	background:url(../commonimg/dotline.gif) repeat-x 0 center;
	height:20px;
	padding:0;}
.w_outline td.tdl{
	color:#0099CC;	
	padding:0px 20px 0px 10px;
	border-right:#0099CC solid 1px;}
	
.w_outline td.tdlccc{
	color:#333;	
	padding:0px 20px 0px 2px;
	border-right:#CCC solid 1px;
	width:130px;
	}
	
.w_outline td.tdl01{
	padding:0px 20px 0px 2px;
	width:150px;
	}
	

td.tdCenter{
	text-align:center;
	}

/*otherのスタイル*/

.borderpoint{
border-collapse: collapse;
}

.pagetop{
margin: 30px 0 0;
text-align:right;}
	
ul.pankuzu{
	background:none;
margin:5px 0 35px;
text-align:left;
}

.pankuzu li{
	padding:0px 0 0;
display:inline;
font-size:11px;
}



/* フォームのスタイル　---------------------------------------------------------------------------------------------------------*/
.input1{
border:1px solid #CCCCCC;
line-height:1.0em;}

.input2{
border:1px solid #CCCCCC;
width:450px;
line-height:1.0em;}

.input3{
border:1px solid #F5A511;
line-height:1.0em;}


.txtsize{
border:1px solid #F5A511;
width:450px;
line-height:1.0em;}


/*fontのスタイル*/
.txtb{font-weight:bold;}
.txtred{color:#FF0000;}
.txt14{font-size:14px;}
.txt14green{
	color:#669900;
	font-size:14px;}

.txtorange{
	color:#FBAA12;
	font-size:14px;
	font-weight:bold;
	}


/*float alignのスタイル*/
.fleft{
float:left;
text-align:left;
}

.fright{float:right;}
.tcenter{text-align:center;}
.tleft{text-align:left;}
.tright{text-align:right;}
.tcenter{text-align:center;vertical-align: top;}
.clear{clear:both;}
.clearfix {zoom:1;overflow:hidden;}
.clearfix:after {
content: '.';
clear: both;
display: block;
height: 0;
visibility: hidden;
}

/*margin paddingのスタイル*/
.mt5{margin:5px 0 0;}
.mt6{margin:6px 0 0;}
.mt10{margin:10px 0 0;}
.mt15{margin:15px 0 0;}
.mt20{margin:20px 0 0;}
.mt25{margin:25px 0 0;}
.mt30{margin:30px 0 0;}
.mt35{margin:35px 0 0;}
.mt37{margin:37px 0 0;}
.mt40{margin:40px 0 0;}
.mt65{margin:65px 0 0;}
.mu1{margin:0 0 1px;}
.mu2{margin:0 0 2px;}
.mu4{margin:0 0 4px;}
.mu5{margin:0 0 5px;}
.mu7{margin:0 0 7px;}
.mu8{margin:0 0 8px;}
.mu10{margin:0 0 10px;}
.mu14{margin:0 0 14px;}
.mu15{margin:0 0 15px;}
.mu20{margin:0 0 20px;}
.mu25{margin:0 0 25px;}
.mu30{margin:0 0 30px;}
.mu40{margin:0 0 40px;}
.mu41{margin:0 0 41px;}
.mu45{margin:0 0 45px;}
.mu50{margin:0 0 50px;}
.mu51{margin:0 0 51px;}
.mu60{margin:0 0 60px;}
.mu70{margin:0 0 70px;}
.mu100{margin:0 0 100px;}
.mu100{margin:0 0 130px;}
.mu200{margin:0 0 200px;}
.mu500{margin:0 0 500px;}
.mtu35{margin:35px 0 35px;}

.mr5{margin-right:5px;}
.mr15{margin:0 15px 0 0;}
.mr17{margin:0 17px 0 0;}
.mr25{margin:0 25px 0 0;}
.mr35{margin:0 35px 0 0;}
.mr45{margin:0 45px 0 0;}

.ml15{margin:0 0 0 15px;}
.ml20{margin:0 0 0 20px;}
.ml25{margin:0 0 0 25px;}
.ml30{margin:0 0 0 30px;}
.ml35{margin:0 0 0 35px;}
.ml45{margin:0 0 0 45px;}
.ml65{margin:0 0 0 65px;}
.ml75{margin:0 0 0 75px;}

.p15{padding: 15px;}
.pt5{padding:5px 0 0;}
.pt10{padding:10px 0 0;}
.pt15{padding:15px 0 0;}
.pt20{padding:20px 0 0;}
.pt25{padding:25px 0 0;}
.pt30{padding:30px 0 0;}
.pt35{padding:35px 0 0;}
.pt37{padding:37px 0 0;}
.pt40{padding:40px 0 0;}
.pu2{padding:0 0 2px;}
.pu4{padding:0 0 4px;}
.pu5{padding:0 0 5px;}
.pu7{padding:0 0 7px;}
.pu8{padding:0 0 8px;}
.pu10{padding:0 0 10px;}
.pu14{padding:0 0 14px;}
.pu15{padding:0 0 15px;}
.pu20{padding:0 0 20px;}
.pu25{padding:0 0 25px;}
.pu30{padding:0 0 30px;}
.pu40{padding:0 0 40px;}
.pu41{padding:0 0 41px;}
.pu45{padding:0 0 45px 0;}
.pu50{padding:0 0 50px;}
.pu51{padding:0 0 51px;}
.pu60{padding:0 0 60px;}
.pu70{padding:0 0 70px;}
.pu100{padding:0 0 100px;}
.pu200{padding:0 0 200px;}
.pu500{padding:0 0 500px;}
.pmtu35{padding:35px 0 35px;}

.pl2{padding:0 0 0 2px;}
.pl3{padding:0 0 0 3px;}
.pl4{padding:0 0 0 4px;}
.pl5{padding:0 0 0 5px;}
.pl10{padding:0 0 0 10px;}
.pl15{padding:0 0 0 15px;}
.pl20{padding:0 0 0 20px;}
.pl25{padding:0 0 0 25px;}
.pl30{padding:0 0 0 30px;}
.pl35{padding:0 0 0 35px;}
.pl40{padding:0 0 0 40px;}
.pl45{padding:0 0 0 45px;}

.pr2{padding:0 2px 0 0;}
.pr3{padding:0 3px 0 0;}
.pr4{padding:0 4px 0 0;}
.pr5{padding:0 5px 0 0;}
.pr10{padding:0 10px 0 0;}
.pr15{padding:0 15px 0 0;}
.pr20{padding:0 20px 0 0;}
.pr25{padding:0 25px 0 0;}
.pr30{padding:0 30px 0 0;}
.pr35{padding:0 35px 0 0;}
.pr40{padding:0 40px 0 0;}
.pr45{padding:0 45px 0 0;}

.w54{width:54px;}
.w75{width:75px;}
.w80{width:80px;}
.w90{width:90px;}
.w100{width:110px;}
.w120{width:120px;}
.w130{width:130px;}
.w140{width:140px;}
.w150{width:150px;}
.w185{width:185px;}
.w205{width:205px;}
.w210{width:210px;}
.w215{width:215px;}
.w225{width:225px;}
.w235{width:235px;}
.w245{width:245px;}
.w255{width:255px;}
.w265{width:265px;}
.w275{width:275px;}
.w285{width:285px;}
.w295{width:295px;}
.w305{width:305px;}
.w314{width:314px;}
.w315{width:315px;}
.w320{width:320px;}
.w325{width:325px;}
.w330{width:330px;}
.w345{width:345px;}
.w350{width:350px;}
.w380{width:380px;}
.w430{width:430px;}
.w460{width:460px;}
.w561{width:561px;}
.w575{width:575px;}
.w603{width:603px;}

.w225r{
	width:225px;
	float:right;}
	
.w134l{
	width:134px;
	float:left;}

.w240l{
	width:240px;
	float:left;}

.w256l{
	width:256px;
	float:left;}

.w292l{
	width:292px;
	float:left;}

.w292r{
	width:292px;
	float:right;}

.w304{
	width:304px;
	margin:0 16px 0 0;}

.w316r{
	width:316px;
	float:right;}

.w320r{
	width:320px;
	float:right;}

.w377l{
	width:377px;
	float:left;}


.w484{width:484px;
	margin:0 auto;}

.w485l{
	width:485px;
	float:left;}

w525{
	width:525px;
	margin:0 auto;}

.w610{
	width:610px;
	margin:0 auto;}

.w660{
	width:660px;
	margin:0 auto;}
	
.w842{
	width:842px;
	margin:0 auto;}

.w1030{
	width:1030px;
	margin:0 auto;}
	
.pdf{
	background:url(../keep/img/page02/pdf.jpg) 0 0 no-repeat;
	padding-left:5px;
	padding-top:5px;
	height:35px;
	font-size:12px;}
	
.line{
	background:url(../commonimg/dotline.gif) repeat-x 0 center;
	height:50px;
	padding:0;
	border:none;}

.line70{
	background:url(../commonimg/dotline.gif) repeat-x 0 center;
	height:70px;
	padding:0;
	border:none;}
	
	
/*mediadateのスタイル*/
.mediadate{
	width:70px;
	background-color:#E8E8E8;
	text-align:center;
}



/* 最終調整時追加　稲富 */

.over:hover{
	filter: alpha(opacity=75);
  -moz-opacity:0.75;
  opacity:0.75;
	}

.look {
	background:url(../works/img/common/look_side.gif) repeat-y 1px 0;
	font-size: 14px;
}