﻿@charset "UTF-8";
/* CSS Document */

@import "reset.css";

body {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 100%;
	color:#000;
	line-height: 1.5;
	text-align: left;
	background: #FFFFFF;
}

* + html body {
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

a:link {}
a:active {}
a:hover {text-decoration: none;}
a:visited {}



/* clearfix */
.clearfix:after {
clear:both;
content:"";
display:block;
}

	/* for IE6 */
	* html .clearfix {
	display:inline-block;
	}
	
	/* for IE7 */
	*+html .clearfix {
	display:inline-block;
	}





#wrapper{
	width:760px;
	background-image:url(../images/bg.gif);
	background-repeat:repeat-y;
}

/* ヘッダ
----------------------------------------------------------- */
#header{
	background-image:url(../images/head_bg.jpg);
	background-repeat:no-repeat;
	height:160px;
}


#header p.logo{
	float:left;
	padding:0 0 0 30px;
}

#header h1{
	float:right;
	padding:30px 30px 0 0;	
}

/* ナビ
----------------------------------------------------------- */
#navi{
	margin:0px 0 0 30px;
	clear:both;
}

#navi ul{
}

#navi ul li{
	float:left;
	padding:0 9px 0 0;
	margin:0;
}


#navi ul#aca-navi{
	padding:0;
	margin:0;
}
/* パンくず
----------------------------------------------------------- */
#topicpath{
	font-size:75%;
	padding:0px 0 0px 30px;
	clear:both;

}


/* メインコンテンツ
----------------------------------------------------------- */
#contents{
	margin:0 30px 0 30px;
}

#contents h2{
	font-weight:bold;
}


/* フッタ
----------------------------------------------------------- */
#footer{
	padding:45px 0 0 0;
	clear:both;
}

#footer ul.foot-menu{
	float:left;
	padding:0 0 5px 30px;
	font-size:75%;	
}

#footer ul.foot-menu li{
	display:inline;
}

#footer ul.foot-menu li.privacy{
	padding:0 10px 0 0;
	margin:0 10px 0 0;
	border-right:1px solid #999;
}

#footer p.pagetop{
	float:right;
	padding:0 30px 0 0;
}

#footer p.copyright{
	clear:both;
	padding:5px 30px 10px 30px;
	background-color:#6d6d6d;
	border-top:6px solid #4880b1;
	color:#FFF;
	font-size:75%;
}

div#blog{
	clear:both;
	font-size:75%;
	padding:10px 30px 0 30px;
}

div#blog ul li{
	float:left;
}

div#blog ul li.left{
	padding:0 8px 0 0;
}

/* top
----------------------------------------------------------- */
#topPage div.read{
	background-image:url(../../images/top_read_bg.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	min-height:222px;
	_height:222px;
	padding:10px 0 30px 0;
}

#topPage div.read p.mainv{
	float:left;
	margin:0 28px 0 28px;
}

#topPage div.read p.text{
	padding:20px 0 0 0;

}

#topPage div.sec{
	background-image:url(../images/h2_bg.gif);
	background-repeat:no-repeat;
	margin:0 0 20px 0;
	padding:22px 0 0 15px;
	clear:both;
}

#topPage div.sec p{
	font-size:90%;
}

#topPage div.sec h2{
	margin:0 0 10px 0;
	color:#246196;
	font-weight:bold;
	line-height:1;
}

#topPage p.f-right{
	float:right;
}

#topPage div.sec p.detail{
	text-align:right;
	clear:both;
	padding:15px 0 0 0;
}

#topPage div.sec div.sec2{
	background-image:url(../images/h3_bg.gif);
	background-repeat:no-repeat;
	padding:7px 0 0 73px;
}

#topPage div.sec div.sec2 h3{
	font-weight:bold;
}
#topPage div.sec div.sec2 h3 strong{
	color:#246196;
}

#topPage div.sec div.sec2 table{
	margin:10px 0;
	font-size:90%;
}

#topPage div.sec div.sec2 table td, th{
	background-color:#f4eede;
	padding:5px;
	border:1px solid #FFF;
	vertical-align:top;
	font-weight:normal;
}

#topPage div.sec div.sec2 table th{
	padding-left:20px;
}



/* company
----------------------------------------------------------- */
#company{
	background-image:url(../images/h2_bg.gif);
	background-repeat:no-repeat;
	margin:0 0 20px 0;
	padding:22px 0 0 15px;
	clear:both;
}

#company p{
	font-size:90%;
}


#company h2{
	color:#286498;
	margin:0 0 20px 0;
	line-height:1;
}
	

#company div.sec {
	background-image:url(../images/h3_bg.gif);
	background-repeat:no-repeat;
	padding:7px 0 0 73px;
	margin:0 0 40px 20px;
	min-height:33px;
	_height:33px;
}

#company div.nobg {
	background-image:none;
}

#company div.sec h3{
	color:#cc3300;
	font-weight:bold;
}


/* work
----------------------------------------------------------- */
#work{
	background-image:url(../images/h2_bg.gif);
	background-repeat:no-repeat;
	margin:0 0 20px 0;
	padding:22px 0 0 15px;
	clear:both;
}

#work p{
	font-size:90%;
}

#work p.read{
	padding:0 0 20px 20px;
}

#work h2{
	color:#286498;
	margin:0 0 20px 0;
	line-height:1;
}
	

#work div.sec {
	background-image:url(../images/h3_bg.gif);
	background-repeat:no-repeat;
	padding:7px 0 0 73px;
	margin:0 0 40px 20px;
	min-height:33px;
	_height:33px;
}

#work div.nobg {
	background-image:none;
}



#work div.sec h3{
	color:#cc3300;
	font-weight:bold;
}

/* project
----------------------------------------------------------- */
#project{
	background-image:url(../images/h2_bg.gif);
	background-repeat:no-repeat;
	margin:0 0 20px 0;
	padding:22px 0 0 15px;
	clear:both;
}

#project p{
	font-size:90%;
}

#project p.read{
	padding:0 0 20px 20px;
}

#project h2{
	color:#286498;
	margin:0 0 20px 0;
	line-height:1;
}
	

#project div.sec {
	background-image:url(../images/h3_bg.gif);
	background-repeat:no-repeat;
	padding:7px 0 0 73px;
	margin:0 0 40px 20px;
	min-height:33px;
	_height:33px;

}

#project div.nobg {
	background-image:none;
}



#project div.sec h3{
	color:#cc3300;
	font-weight:bold;
}



/* link
----------------------------------------------------------- */
#link{
	background-image:url(../images/h2_bg.gif);
	background-repeat:no-repeat;
	margin:0 0 20px 0;
	padding:22px 0 0 15px;
	clear:both;
}

#link p{
	font-size:90%;
}

#link p.read{
	padding:0 0 20px 20px;
}

#link h2{
	color:#286498;
	margin:0 0 20px 0;
	line-height:1;
}
	

#link div.sec {
	background-image:url(../images/h3_bg.gif);
	background-repeat:no-repeat;
	padding:7px 0 0 73px;
	margin:0 0 40px 20px;
	min-height:33px;
	_height:33px;
}

#link div.nobg {
	background-image:none;
}



#link div.sec h3{
	color:#cc3300;
	font-weight:bold;
}


/* terms
----------------------------------------------------------- */
#terms{
	background-image:url(../images/h2_bg_nopic.gif);
	background-repeat:no-repeat;
	margin:0 0 20px 0;
	padding:22px 0 0 15px;
	clear:both;
}

#terms p{
	font-size:90%;
}

#terms p.read{
	padding:0 0 20px 20px;
}

#terms h2{
	color:#286498;
	margin:0 0 20px 0;
	line-height:1;
}

#terms dl{
	margin:0 0 0 20px;
}

#terms dl dt{
	color:#cc3300;
	font-weight:bold;
}


#terms dl dd {
	margin:0 0 20px 0;
}


/* policy
----------------------------------------------------------- */
#policy{
	background-image:url(../images/h2_bg_nopic.gif);
	background-repeat:no-repeat;
	margin:0 0 20px 0;
	padding:22px 0 0 15px;
	clear:both;
}

#policy p{
	font-size:90%;
}

#policy p.read{
	padding:0 0 20px 20px;
}

#policy h2{
	color:#286498;
	margin:0 0 20px 0;
	line-height:1;
}

#policy dl{
	margin:0 0 0 20px;
}

#policy dl dt{
	color:#cc3300;
	font-weight:bold;
}

#policy dl dd {
	margin:0 0 20px 0;
}

#policy p.address{
	margin:0 0 40px 20px;
}

/* 共通
----------------------------------------------------------- */
.blue{
	color:#246196;
	font-weight:bold;
}

.red{
	color:#CC0000;
	font-weight:bold;
}