@charset "UTF-8";

/*--------------------------------
Default
---------------------------------*/
table,
th,
td,
form,
h1,
h2,
h3,
h4,
h5,
h6,
p,
em {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	text-indent: 0pt;
	height: auto;
}

ul,
ol,
li,
dl,
dt,
dd{
	list-style:none;
	margin: 0px;
	padding: 0px;
}

th{
	font-weight:normal;
}

table{
	border:0;
	border-spacing:0;
	empty-cells:show;
	border-collapse: collapse;
}

.clear{
	clear:both;
}

img{
	border:none;
}

.indent {
	text-indent: -9999px;
}

hr {
	display:none
}

/*==========リンク設定==========*/
a,a:visited {
	color: #996600;
	text-decoration: none;
}
a:hover {
	color: #999;
	text-decoration: underline;
}



/*--------------------------------
Body
---------------------------------*/

html {
	height: 100%;
	width: 100%;
}

body {
	font-family: "Lucida Grande", "Verdana", "Hiragino Kaku Gothic pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	letter-spacing: 0em;
	font-size: 12px;
	line-height: 22px;
	color: #555;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background:url(../common_images/bg.gif) #F7F7F7 repeat-y;
}


#wrap {
	margin: 0;
	padding:0;
	width: 950px;
	
	position: relative;
	height: auto !important;  
    height: 100%;  
	min-height: 100%;
}

#container {width: 950px; padding-bottom: 200px;}
#contents {width: 690px; margin-left:260px; margin-bottom:70px;}

.column {width: 630px; margin:0 30px; margin-top:90px;}




/*==========HOME==========*/
#home{padding:0 35px;}
#home h2{ font-size:12px; padding:35px 0;}
#home #info{float:left;}
#home ul{padding-top:12px;}




/*==========VISION==========*/
#vision h2{text-indent:-9999px; background:url(../vision/images/title.gif) no-repeat; width:690px; height:500px;}
#vision h3{text-indent:-9999px; height:30px; margin-bottom:4px;}
#vision h3.catch_01{background:url(../vision/images/catch_01.gif) no-repeat;}
#vision h3.catch_02{background:url(../vision/images/catch_02.gif) no-repeat;}
#vision p{ margin-bottom:24px;}






/*==========feature==========*/
#feature h2{text-indent:-9999px; background:url(../feature/images/title.gif) no-repeat; width:690px; height:500px;}
#feature h3{text-indent:-9999px; height:100px; margin-bottom:8px;}
#feature h3.tate{text-indent:-9999px; height:448px; width:100px; float:right;}
#feature h3.catch_01{background:url(../feature/images/catch_01.gif) no-repeat;}
#feature h3.catch_02{background:url(../feature/images/catch_02.gif) no-repeat;height:320px; }
#feature h3.catch_03{background:url(../feature/images/catch_03.gif) no-repeat;}
#feature h3.catch_04{background:url(../feature/images/catch_04.gif) no-repeat;}
#feature p{ margin-bottom:24px;}
#feature .tate_p{ width:380px; padding-left:77px;}




/*==========works==========*/
#works h2{text-indent:-9999px; background:url(../works/images/title.gif) no-repeat; width:690px; height:500px;}
#works h3{font-size:12px; color:#996600; font-family:Georgia, "Times New Roman", Times, serif; border-bottom:#ccc 1px dotted; margin-bottom:10px; _line-height:90px;}
#works h3 span{font-size:100px; letter-spacing:-3pt; *line-height:90px;}
#works h4{ margin-bottom:4px; font-size:16px; font-weight:bold;}
#works p{ margin-top:12px;}
#works .column{background:url(../works/images/line.gif) bottom repeat-x; padding-bottom:24px;}

#works p.read {width: 630px; margin:0 30px;}

#works .page_link{ padding:25px 0 0 30px;}
#works .page_link li{margin:2px; display:inline; line-height:300%;}
#works .page_link ul{ clear:both;}
#works .page_link li a,
#works .page_link li a:link,
#works .page_link li a:visited{ padding:5px 10px; border:#ddd 1px solid;}
#works .page_link li a:hover{ padding:5px 10px; background:#996600; color:#FFF; text-decoration:none;}
#works .page_link li.on{ padding:5px 10px; background:#ccc; border:#ddd 1px solid;}
#works .page_link li.nolink{padding:5px 10px; color:#999; border:#ddd 1px solid;}


/*==========会社案内==========*/

#company h2{text-indent:-9999px; background:url(../company/images/title.jpg) no-repeat; width:690px; height:300px;}
#company h3{text-indent:-9999px; width:690px; height:42px; margin:40px 0 10px 0; border-left:#000 10px solid;}
#company h3.outline{background:url(../company/images/catch_01.gif) no-repeat 20px 0;}
#company dl{ padding:0 0 30px 30px; width:630px;}
#company dt{float:left; width:110px; border-top:#eee 1px solid; padding:10px 0px;}
#company dd{_float:left; width:500px; overflow:hidden; border-top:#eee 1px solid; padding:10px 10px; background:#f9f9f9; margin:1px 0;}
#company dt.last,#company dd.last{border-bottom:#eee 1px solid;}

#company h3.access{background:url(../company/images/catch_02.gif) no-repeat 20px 0;}
#company .map{ padding:0 0 30px 30px;}

#company h3.history{background:url(../company/images/catch_03.gif) no-repeat 20px 0;}




/*==========お問い合わせ==========*/
#contact h2{text-indent:-9999px; background:url(../contact/images/title.jpg) no-repeat; width:690px; height:300px;}
#contact h3{text-indent:-9999px; width:690px; height:42px; margin:40px 0 10px 0; border-left:#000 10px solid;}
#contact h3.tel{background:url(../contact/images/catch_01.gif) no-repeat 20px 0;}
#contact h3.internet{background:url(../contact/images/catch_02.gif) no-repeat 20px 0;}
#contact dl{ padding:0 0 30px 30px; width:630px;}
#contact dt{float:left; width:110px; border-top:#eee 1px solid; padding:10px 0px;}
#contact dd{_float:left; width:500px; overflow:hidden; border-top:#eee 1px solid; padding:10px 10px; background:#f9f9f9; margin:1px 0;}
#contact dt.last,#contact dd.last{border-bottom:#eee 1px solid;}



/*==========プライバシーポリシー==========*/
#privacypolicy h2{text-indent:-9999px; background:url(../privacypolicy/images/title.jpg) no-repeat; width:690px; height:300px;}
#privacypolicy dl, #privacypolicy p{ padding:30px 0 0 30px; width:630px;}
#privacypolicy dt{ margin:40px 0 0 0; color:#CC9900;}



/*==========サイトマップ==========*/
#sitemap h2{text-indent:-9999px; background:url(../sitemap/images/title.jpg) no-repeat; width:690px; height:180px;}
#sitemap p{margin:30px;}
#sitemap dl{margin:0 30px 36px 30px; width:630px;}
#sitemap dt{width:100%; font-size:16px; font-weight:bold; margin-bottom:6px; padding-bottom:6px; border-bottom:#ccc dotted 1px;}
#sitemap dd{margin-bottom:36px;}



/*==========その他==========*/
#etc h2{
	font-size:14px;
	font-weight:bold;
	margin:36px 0px;
	padding-left:12px;
	border-left:#C00081 solid 3px;
}

#etc table{
border:#fff solid 1px;
}

#etc th,
#etc tr,
#etc td{

padding:10px;
}

/*--------------------------------
Page Top
---------------------------------*/

#pagetop {
	font-size: 12px;
	display: block;
	position: fixed;
	right: 0;
	bottom: 40px;
	_float:right;	
	}

/*--------------------------------
Footer,Copy
---------------------------------*/

#footer {
	letter-spacing: 0.02em;
	color: #ccc;
	font-size: 10px;
	margin: 0px auto;
	padding: 40px 0px 0px 0px;
	width: 100%;
	height:70px;
	text-align:center;
	background:#000;
	border-top:#555 1px solid;
	position: absolute;
	bottom:0;
}




/*--------------------------------
Global Navigation
---------------------------------*/

#navi {
width: 260px;
position:absolute;
overflow:hidden;
display:block;
visibility:visible;
left : 30px;
top : 0;}

h1{ text-indent:-9999px; background:url(../common_images/logo.gif); width:200px; height:38px; margin:20px 0; display:block;}

#navimenu { overflow:hidden;  padding-bottom:25px; margin-bottom:25px; border-bottom:#333 1px solid; width:230px;}
#navimenu li{ float:left; margin-right:30px;}

#subnavimenu { overflow:hidden; margin-left:30px;}
#subnavimenu li{ float:left; margin-right:10px;}




.imgtop36{margin-top:36px;}
.imgtop24{margin-top:24px;}
.imgtop12{margin-top:12px;}
.imgtop06{margin-top:6px;}
.imgbtm12{margin-bottom:12px;}
.imgbtm24{margin-bottom:24px;}
.imgright{margin-left:12px;}
.imgleftfloat{margin-right:12px;float:left;}
.imgrightfloat{margin-left:12px;float:right;}
.pLeft{margin-left:20px;}
.cap{font-size:10px; line-height:14px;}
.blue{color:#0099FF;}
.red{color: #C00081;}
.redNotice{color: #C00081; font-size:12px; font-weight:bold;}
.green{color:#CCF02C;}