@charset "utf-8";
/* CSS Document */

body{
	width:100%;
	margin:0 auto;
	text-align:center;
	font-size:13px;
	color:#333333;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	line-height:160%;
	letter-spacing: 0.19em;
}

h1,h2,h3,h4,p,img{margin:0; padding:0; font-size:13px;}
img{border-style:none;}

ul{list-style-type:none;}

a{color:#333; text-decoration:none;}
a:hover{color:#666;}


.clearfix{zoom:1;}
.clearfix:after{
	content:'.';
	height:0.01em;
	display:block;
	clear:both;
	visibility:hidden;
}

/* ヘッダーコンテンツ */
.header{
	width:940px;
	margin:30px auto 0 auto;
	text-align:left;
	clear:both;
}

.header:after{
	content:'.';
	height:0.01em;
	display:block;
	clear:both;
	visibility:hidden;
}

.subLogo{float:left;}

.subLogo a{
	width:191px;
	height:0;
	padding-top:64px;
	display:block;
	overflow:hidden;
	background:url(../img/logo.jpg) no-repeat;
}

.subMenu{
	width:580px;
	float:right;
}

.subMenu li{
	width:96px;
	float:left;
	margin-left:20px;
}

.subMenu a{padding:10px 0 10px 5px; width:91px; height:15px; display:block; color:#232323; text-decoration:none; font-size:18px;}
.subMenu a.navi01{letter-spacing:10px; background:url(../img/bg01.jpg) repeat -20px 35px; }
.subMenu a.navi02{letter-spacing:6px; background:url(../img/bg02.jpg) repeat -20px 35px;}
.subMenu a.navi03{letter-spacing:10px; background:url(../img/bg03.jpg) repeat -20px 35px;}
.subMenu a.navi04{letter-spacing:0px; background:url(../img/bg04.jpg) repeat -20px 35px;}
.subMenu a.navi05{letter-spacing:4px; background:url(../img/bg05.jpg) repeat -20px 35px;}

.catchBox{
	margin:30px 0 90px 0;
	padding:23px;
	text-align:center;
	background-color:#003691;
}


/* タイトル */
h2.company{
	margin:0 auto;
	width:287px;
	height:0;
	padding-top:19px;
	display:block;
	overflow:hidden;
	background:url(../../about/img/catch.jpg) no-repeat;
}


/* コンテンツ */
.contents{
	width:940px;
	margin:0 auto;
	text-align:left;
	font-family:'Helvetica Neue', Arial, 'メイリオ', meiryo, sans-serif;
}

.mainContents{
	float:left;
	width:670px;
}

.sideContents{
	float:right;
	width:200px;
}

/* 電話番号 */
.sideTel{
	width:200px;
	height:0;
	padding-top:240px;
	display:block;
	overflow:hidden;
	margin-bottom:20px;
	background:url(../img/side_tel.jpg) no-repeat;
}

.sideContact a{
	width:200px;
	height:0;
	padding-top:30px;
	display:block;
	overflow:hidden;
	background:url(../img/side_contact.jpg) no-repeat;
}

.sideContact a:hover{
	background:url(../img/side_contact.jpg) no-repeat 0 -31px;
}

/* ページトップへ */
.pageTop{margin-left:902px; clear:both;}

.pageTop a{
	width:31px;
	height:0;
	padding-top:10px;
	display:block;
	overflow:hidden;
	clear:both;
	background:url(../img/icon_back.jpg) no-repeat;
}

.pageTop a:hover{background:url(../img/icon_back.jpg) no-repeat 0 -10px;}

/* 会社概要 */
.companyTitleBox{
	padding:38px 0;
	margin-bottom:60px;
	width:940px;
	border-top:dotted 1px #CCC;
	border-bottom:dotted 1px #CCC;
}

h3.companyTitle{
	width:940px;
	height:0;
	padding-top:31px;
	display:block;
	overflow:hidden;
	background:url(../../about/img/title.gif) no-repeat;
}

h4.companySubTitle1{
	width:205px;
	height:0;
	padding-top:19px;
	display:block;
	overflow:hidden;
	margin-bottom:45px;
	background:url(../../about/img/sub_title_01.gif) no-repeat;
}

.companySubTitle2{
	width:180px;
	height:0;
	clear:both;
	padding-top:19px;
	display:block;
	overflow:hidden;
	margin-bottom:45px;
	background:url(../../about/img/sub_title_02.gif) no-repeat;
}

.companyBox{
	padding-bottom:32px;
	border-bottom:solid 1px #CCC;
	margin-bottom:60px;
}

.companyBox dt{
	width:110px;
	text-align:right;
	float:left;
	clear:both;
	margin-bottom:25px;
}

.companyBox dd{
	width:500px;
	margin-left:20px;
	margin-left:160px;
	margin-bottom:25px;
}

.companyBox dd a.map{
	margin-left:10px;
}

.noLine{border:0;}


/* MAP */
.mapTitle1{
	width:165px;
	height:0;
	clear:both;
	padding-top:19px;
	display:block;
	overflow:hidden;
	margin:30px;
	background:url(../../about/img/title_map_01.gif) no-repeat;
}

.mapTitle2{
	width:230px;
	height:0;
	clear:both;
	padding-top:19px;
	display:block;
	overflow:hidden;
	margin:30px;
	background:url(../../about/img/title_map_02.gif) no-repeat;
}

/* フッター */
#subFooterBox{
	margin-top:20px;
	padding:20px 0;
	background-color:#003691;
}

.subFooter{
	width:940px;
	text-align:left;
	margin:0 auto;
}

.subFooter ul{float:left;}

.subFooter ul li{
	margin-right:20px;
	float:left;
	background:url(../img/icon_footer.gif) no-repeat 0 10px;
	padding-left:7px;
}

.subFooter ul li a{ color:#FFFFFF;}
.copylight{float:right; padding-top:0px;}
.copylight{color:#FFFFFF;}



/* トピックス */
h2.topics{
	margin:0 auto;
	width:185px;
	height:0;
	padding-top:19px;
	display:block;
	overflow:hidden;
	background:url(../../topics/img/catch.jpg) no-repeat;
}

h3.topicsTitle{
	width:940px;
	height:0;
	padding-top:31px;
	display:block;
	overflow:hidden;
	background:url(../../topics/img/title.gif) no-repeat;
}


.topicsBoxBack{text-align:right;}

.topicsBox{
	border-bottom:dotted 1px #CCC;
	padding-bottom:45px;
	margin-bottom:45px;
}
.topicsBox div img{border:1px solid #CCC;}
.topicsDate{font-size:10px; color:#333333; margin-bottom:4px;}
.topicsTitle{
	font-size:16px;
	font-weight:normal;
	margin-bottom:20px;
}
.topicsText{float:left; width:420px;}
.topicsPic{float:right; width:225px;}

.topicsBackTitle{
	font-size:12px;
	margin-bottom:50px;
}

.topicsBackBox{padding-bottom:17px;}

.topicsBackBox dt{
	margin:0;
	padding:0;
	font-size:10px;
}

.topicsBackBox dd{
	margin:0;
	padding:0;
	font-size:12px;
	margin-bottom:16px;
}

.topicsBackBox dd a{color:#666;}


/* 制作 */
h2.work{
	margin:0 auto;
	width:350px;
	height:0;
	padding-top:19px;
	display:block;
	overflow:hidden;
	background:url(../../work/img/catch.jpg) no-repeat;
}

h3.workTitle{
	width:940px;
	height:0;
	padding-top:31px;
	display:block;
	overflow:hidden;
	background:url(../../work/img/title.gif) no-repeat;
}

.workBox{
	padding-bottom:60px;
	border-bottom:1px dotted #CCC;
}

.workBoxTitle1{
	width:155px;
	height:0;
	padding-top:34px;
	display:block;
	overflow:hidden;
	background:url(../../work/img/sub_title_01.gif) no-repeat;
}

.workBoxTitle2{
	width:155px;
	height:0;
	padding-top:34px;
	display:block;
	overflow:hidden;
	margin-top:25px;
	background:url(../../work/img/sub_title_02.gif) no-repeat;
}

.workBoxLeft{
	float:left;
	width:160px;
	margin-right:85px;
}
.workBoxLeft ul{
	margin:0;
	padding:0;
}

.workBoxLeft ul li{
	float:left;
}

.workBoxRight{
	margin:0;
	padding:0;
	float:left;
	width:260px;
	margin-right:20px;
}

.workBoxRight2{
	margin:0;
	padding:0;
	float:left;
	width:140px;
}

.workBoxRight li , .workBoxRight2 li{
	background:url(../../work/img/icon.gif) no-repeat 0 8px;
	padding-left:8px;
}

.workBoxLeft ul li{
	float:left;
	margin-left:4px;
}

.workBoxLeft ul li img{
	border:1px solid #CCC;
}

.mt60{margin:60px 0 120px 0;}


/* お問い合わせ */
h2.contact{
	margin:0 auto;
	width:170px;
	height:0;
	padding-top:19px;
	display:block;
	overflow:hidden;
	background:url(../../contact/img/catch.jpg) no-repeat;
}

h3.contactTitle{
	width:940px;
	height:0;
	padding-top:31px;
	display:block;
	overflow:hidden;
	background:url(../../contact/img/title.gif) no-repeat;
}

.contactSubTitle1{
	width:295px;
	height:0;
	padding-top:19px;
	display:block;
	overflow:hidden;
	margin-bottom:25px;
	background:url(../../contact/img/sub_title.gif) no-repeat;
}

.contactBox{
	padding-bottom:32px;
	margin-bottom:60px;
}

.contactBox dt{
	width:130px;
	text-align:right;
	float:left;
	clear:both;
	margin:0 30px 25px 0;
}

.contactBox dd{
	width:480px;
	margin-left:30px;
	margin-bottom:25px;
	text-align:left;
}

.contactBox dd,  x:-moz-any-link{margin-left:160px;}

.contactBox dd a.map{
	margin-left:10px;
}

.bConf{margin-bottom:60px;}

.bConf a{
	width:210px;
	height:0;
	padding-top:35px;
	display:block;
	overflow:hidden;
	margin-bottom:25px;
	background:url(../../contact/img/b_conf.gif) no-repeat;
}

.bConf a:hover{
	background:url(../../contact/img/b_conf.gif) no-repeat 0 -35px;
}

.sidePrivacy{
	background:url(../../contact/img/icon_side.gif) no-repeat 0 7px;
	padding-left:10px;
	margin-bottom:33px;
}

.contactBox input , .contactBox textarea{width:330px;}

.infoBox{
	margin:50px 0 0 0;
	text-align:center;
}


/* サイトマップ */
.sitemapTitle{
	width:183px;
	height:0;
	padding-top:40px;
	display:block;
	overflow:hidden;
	margin-bottom:0px;
	background:url(../../sitemap/img/title.gif) no-repeat;
}

.sitemapBox li{
	margin-bottom:30px;
}


/* プライバシーポリシー */
.privacyTitle{
	width:291px;
	height:0;
	padding-top:40px;
	display:block;
	overflow:hidden;
	margin-bottom:0px;
	background:url(../../privacy/img/title.gif) no-repeat;
}

.privacyBox h4{margin:30px 0 10px 0;}
.privacyBox p{margin-left:10px;}

.privacyBox ul{
	margin:10px 0 10px 26px;
	list-style-type:disc;
}	

.privacyBox ul.privacyBox2{
	list-style-type:decimal;
	margin-left:50px;
}

/* 利用規約 */
.useTitle{
	width:463px;
	height:0;
	padding-top:40px;
	display:block;
	overflow:hidden;
	margin-bottom:0px;
	background:url(../../use/img/title.gif) no-repeat;
}

.useBox{text-align:right;}