﻿@charset "utf-8";

/*ブラウザスタイルの初期化*/

body,div,h1,h2,h3,h4,h5,h6,
p,blockquote,pre,address,
ul,ol,li,dl,dt,dd,
table,th,td,
form,fieldset,legend {
	margin: 0;
	padding: 0;
	font-family:Verdana,Arial,"ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",san-serif;
}

/* seomaster */

div.sbox {
	width:800px;
}

/*font-size初期化*/

body {
	font-size: 10px;
	_font-size:62.5%;/*IE6*/
	line-height:1.6;
}

/*border初期化*/
/*margin　paddingプロパティ追加*/

img,object {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align:bottom;
}

/*table設定*/

table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*テキスト設定*/

p {
	text-align: justify;
	text-justify: distribute;
}

/*clearfix*/
/*height0.1px font-size0.1em追加*/

.clearfix:after, div:after {
    content: "."; 
    display: block; 
	height: 0.1px;  
	font-size: 0.1em;  
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: inline-block;
}/*IE7用*/

.clear {
	clear:both;
}
/* Hides from IE-mac \*/
* html .clearfix { height:1%;}
.clearfix { display:block;}
/* End hide from IE-mac */

body {
	color: #666;
	background-color:#FDFFF7;
}

ul,
li,
ol {
	list-style:none;
}

a {
	text-decoration:underline;
	cursor: pointer;
} 

a:link {
	color: #006699;
}

a:visited {
	color: #006699;
}

a:hover {
	color: #38927D;
}

a:active {
	color: #006699;
}
/*		share
-----------------------------------------------------------------*/
.RGHT {
	text-align:right;
}
.floatL {
	float:left;
}
.floatR {
	float:right;
}
p.txt {
	padding-left:10px;
}
p.top {
	text-align:right;
	clear:both;
}
p.top a {
	color:#5134E1;
	padding:0 0 0px 20px;
	text-decoration:underline;
	line-height:2;
}
p.top a:hover {
	color:#5134E1;
}
p.pankuzu {
	text-align:right;
	font-size:11px;
	color:#666;
	padding:1px 0 10px 0;
}

h2 {
	position:absolute;
	top:20px;
	left:15px;
}
h3 {
	clear:both;
	background:url(../image/newh3-bg.jpg) no-repeat;
	width:542px;
	height:31px;
	line-height:31px;
	color:#666;
	font-size:1.2em;
	padding-left:25px;
	margin-bottom:15px;
}

/*		全体構造
-----------------------------------------------------------------*/
div#container {
	font-size:1.2em;
	width:800px;
	margin:0 auto;
	background:url(../image/bg.jpg) repeat-y;
	padding:0 20px;
}
div#header {
	position:relative;
	height:80px;
	background:url(../image/head-bg.jpg) repeat-x;
}
div#header ul {
	position:absolute;
	right:19px;
	top:50px;
}
div#header ul li {
	display:inline;
}
div#header ul li a {
	background:url(../image/head-arr.jpg) no-repeat left center;
	padding:0 5px 0 20px;
}
div#header span {
	position:absolute;
	right:19px;
	top:20px;
}

/* index.html */

div#mainimg {
	position:relative;
	height:250px;
}
div#mainimg div#slide {
	height:219px;
	width:800px;
	background:url(../image/slide01.jpg) no-repeat;
}
div#mainimg ul {
	position:absolute;
	left:0px;
	top:219px;
	height:30px;
}
div#mainimg ul li {
	float:left;
}
div#mainimg ul li.mid a {
	height:28px;
	padding:2px 0 0 0;
}
div#mainimg ul li a {	
	color:#666;
	text-decoration:none;
	display:block;
}
div#mainimg ul li a:hover img {
	opacity : 0.7;
	filter: alpha(opacity=70);
}
div#mainimg ul li a:hover {
	background:#FFF;
	text-decoration:underline;
}

div#main {
	width:760px;
	margin:0 auto;
	clear:both;
	padding:20px 20px 10px;
}
div#side {
	width:173px;
	float:right;
}
div#side ul {
	margin-bottom:10px;
}
div#side ul li {
	padding-bottom:15px;
}

div#side a:hover img  {
	opacity : 0.7;
	filter: alpha(opacity=70);
}
div#side p {
	text-align:center;
	margin-bottom:10px;
}
div#side div.count {
	text-align:right;
	padding-right:15px;
}
div#side dl {
	background:url(../image/side-company-bar.jpg) no-repeat center top;
	padding:30px 10px 20px;
}
div#side dl dt {
	font-weight:bold;
	padding-bottom:5px;
}


div#content {
	width:567px;
	float:left;
	padding:6px 0 0 0;
}
div#content a:hover img  {
	opacity : 0.7;
	filter: alpha(opacity=70);
}

div#fnavi {
	height:21px;
	clear:both;
	border-top:1px solid #ECE9D8;
	padding:5px 0;
	width:760px;
	margin:0 auto;
}

div#fnavi ul li {
	display:inline;
	border-left:1px solid #666;
	padding:0 5px 0 7px;
	line-height:1;
	font-size:11px;
}
div#fnavi ul li.lastChild {
	border-right:1px solid #666;
}
div#fnavi ul li a {
	color:#666;
	font-size:11px;
	line-height:1;
	text-decoration:none;
}
div#fnavi ul li a:hover {
	text-decoration:underline;
}

div#footer {
	height:38px;
	background:url(../image/foot-bg.jpg) repeat-x;
	text-align:center;
	line-height:3;
}

/*         index.html          */
div.index iframe {
	width:537px;
	height:180px;
	margin:0 0 25px 20px;
}
div.index div.Box {
	padding:0 0 0 0px;
	height:220px;
	width:490px;
	margin:0 0 60px 20px;
	clear:both;
}
div.index div.Box p {
	display:block;
	float:left;
	padding:0 15px 0 0;
}
div.index div.Box dl {
	float:left;
	padding-bottom:10px;
}
div.index div.Box dl dt {
	padding-bottom:5px;
}
div.index div.Box dl dd {
	padding:8px;
	background:#FCF7C2;
	width:253px;
	line-height:1.4;
}
div.index div.Box h4 {
	clear:both;
	color:#FF0000;
	font-size:1.4em;
	padding:10px 0 2px 0;
	font-family:meiryo;
}
div.index div.Box p.com {
	display:block;
	float:none;
	padding:0 0 10px 6px;
}
div.index div.Box span {
	font-weight:bold;
	font-size:1.2em;
	text-align:right;
	font-family:meiryo;
}
div.index div.linkbox {
	background:url(../image/link-box.jpg) repeat-x;
	height:94px;
	width:557px;
	padding:30px 0 0 10px;
}
div.index div.linkbox dl dt {
	background:url(../image/link-arr.jpg) no-repeat left center;
	padding:0 0 0 18px;
}
div.index div.linkbox ul {
	padding:10px 0 0 0;
}
div.index div.linkbox ul li {
	float:left;
	padding-right:10px;
}

/*       news.html      */
div#news {
	background:#FFF;
}
div#news dl dt {
	background:url(../image/news-arr.jpg) no-repeat left center;
	padding:0 0 0 15px;
	border-bottom:1px dotted #CCC;
}
div#news dl dd {
	padding:8px 0 15px 10px;
}
div#news dl dd a {
	color:#FF6600;
}
div#news dl dd a:hover {
	text-decoration:none;
}

/*       newsD.html      */
div#newsD {
	background:#FFF;
	padding:0 10px;
}
div#newsD dl dt {
	background:url(../image/news-arr.jpg) no-repeat left center;
	padding:0 0 0 15px;
	border-bottom:1px dotted #CCC;
}
div#newsD dl dt span {
	padding:0 0 0 10px;
	color:#FF6600;
}
div#newsD dl dd {
	padding:8px 5px 15px 10px;
}
div#newsD dl dd p {
	line-height:1.2;
}
div#newsD dl dd span {
	display:block;
	text-align:right;
}
div#newsD dl dd a {
	color:#006699;
}
div#newsD dl dd a:hover {
	text-decoration:none;
}
div#newsD dl dd a:hover img {
	opacity : 0.7;
	filter: alpha(opacity=70);
}
div.under {
	text-align:center;
}

/*         company.html          */

div.company div.Box {
	background:url(../image/company-bg.jpg) no-repeat;
	padding:0 0 0 115px;
	height:165px;
	width:415px;
	margin:0 0 50px 20px;
	line-height:1.7;
	clear:both;
}
div.company div.Box span {
	padding:5px 0 10px 0;
	text-align:right;
	display:block;
}
div.company table {
	margin:0 0 30px 15px;
	border-collapse:separate;
	border-spacing:2px;
}
div.company table th {
	border-left:3px solid #CCC;
	border-bottom:1px solid #CCC;
	background-color:#EBEBEB;
	width:210px;
	padding:10px;
	text-align:left;
	font-weight:normal;
	vertical-align:top;
}
div.company table td {
	border-bottom:1px dotted #CCC;
	padding:10px;
}

/*         home.html          */

div.home p.cap {
	text-align:center;
	padding-bottom:15px;
}
div.home p.cap2 {
	text-align:center;
	padding:20px 0 35px 0;
}
div.home div.cap {
	border-bottom:1px solid #CCC;
	margin-bottom:10px;
	padding:0 10px;
	text-align:center;
}
div.home div.cap img {
	padding:0 0 20px 20px;
}
div.home div.cap p {
}
div.home div.Box {
	clear:both;
	border-bottom:1px solid #CCC;
	margin-bottom:10px;
	padding:10px 10px;
}
div.home div.Box img {
	float:left;
}
div.home div.L dl {
	float:left;
	padding-left:10px;
}
div.home div.R dl {
	float:left;
	padding-right:10px;
}
div.home dl dt {
	width:420px;
}
div.home dl dd {
	width:420px;
	clear:both;
	padding:5px 0 15px 0;
}

/* home MT */

div.home div.MT {
	padding:10px 0;
	clear:both;
}

div.home div.MT dl {
	float:left;
	width:160px;
	padding:0 20px 15px 5px;
}
div.home div.MT dl dt {
	width:160px;
}
div.home div.MT dl dt img {
	border:1px solid #999;
	padding:2px;
}
div.home div.MT dl dd {
	background:url(../image/home-arr.jpg) no-repeat left center;
	padding:0 0 0 16px;
	width:144px;
}
div.home div.MT dl dd a {
	color:#FF6600;
}
div.home div.MT dl dd a:hover {
	text-decoration:none;
}

/* home MT D */
div.home-d p {
	padding-bottom:10px;
}
div.home-d div.MT {
	padding:0 20px 10px;
}
div.home-d div.MT table th {
	border-bottom:10px solid #FFF;
}
div.home-d div.MT table td {
	text-align:center;
	vertical-align:middle;
	background:#000;
	height:80px;
	width:80px;
	border-right:10px solid #FFF;
}
div.home-d div.MT table td.last {
	text-align:center;
	vertical-align:middle;
	background:#000;
	height:80px;
	width:80px;
	border-right:none;
}

/*         build.html          */

div.build div.cap {
	border-bottom:1px solid #CCC;
	margin-bottom:10px;
	padding:0 30px 10px;
}
div.build div.Box {
	background:url(../image/build-bg.jpg) no-repeat;
	height:221px;
	width:433px;
	padding:0 0 0 145px;
}
div.build div.Box dl {
	width:400px;
	line-height:1.4;
}
div.build div.Box dl dt {	
	padding-bottom:8px;
}

/* build MT */

div.build div.MT {
	padding:10px 0;
	clear:both;
}

div.build div.MT dl {
	float:left;
	width:160px;
	padding:0 20px 15px 5px;
}

div.build div.MT dl dt img {
	border:1px solid #999;
	padding:2px;
}
div.build div.MT dl dd {
	background:url(../image/home-arr.jpg) no-repeat left center;
	padding:0 0 0 16px;
}
div.build div.MT dl dd a {
	color:#FF6600;
}
div.build div.MT dl dd a:hover {
	text-decoration:none;
}

/*         doboku.html          */

div.doboku div.Box {
	height:90px;
	width:550px;
	padding:0 0 0 10px;
	border-bottom:1px solid #CCC;
	margin-bottom:10px;
}
div.doboku div.Box dl {
	width:450px;
	line-height:1.4;
}
div.doboku div.Box dl dt {	
	padding-bottom:8px;
}

/* build MT */

div.doboku div.MT {
	padding:10px 0;
	clear:both;
}

div.doboku div.MT dl {
	float:left;
	width:160px;
	padding:0 20px 15px 5px;
}

div.doboku div.MT dl dt img {
	border:1px solid #999;
	padding:2px;
}
div.doboku div.MT dl dd {
	background:url(../image/home-arr.jpg) no-repeat left center;
	padding:0 0 0 16px;
}
div.doboku div.MT dl dd a {
	color:#FF6600;
}
div.doboku div.MT dl dd a:hover {
	text-decoration:none;
}

/*         contact.html          */

div.contact {
}
div.contact div.Box {
	padding:20px 20px 30px;
}
div.contact div.Box p {
	padding-bottom:20px;
}
div.contact div.Box table {
	border-collapse:separate;
	border-spacing:5px;
}
div.contact div.Box table th {
	font-weight:normal;
	text-align:right;
	width:120px;
	padding:5px 10px;
	color:#333;
}
div.contact div.Box table td {
	padding:5px 10px;
}
div.contact div.Box table td.line {
	padding:0px 0px;
	width:2px;
	background:#CCC;
}

/*         rehome.html          */

div.rehome div.cap {
	border-bottom:1px solid #CCC;
	margin-bottom:10px;
	padding:0 10px;
}
div.rehome div.cap img {
	float:left;
	padding: 0 10px 10px 0;
}
div.rehome div.cap p {
	display:block;
	float:left;
	width:550px;
	padding:0 0 15px 0;
}
/* rehome MT */

div.rehome div.MT {
	padding:10px 0;
	clear:both;
}

div.rehome div.MT dl {
	float:left;
	width:160px;
	padding:0 20px 15px 5px;
}
div.rehome div.MT dl dt {
	width:160px;
}
div.rehome div.MT dl dt img {
	border:1px solid #999;
	padding:2px;
}
div.rehome div.MT dl dd {
	background:url(../image/home-arr.jpg) no-repeat left center;
	padding:0 0 0 16px;
	width:144px;
}
div.rehome div.MT dl dd a {
	color:#FF6600;
}
div.rehome div.MT dl dd a:hover {
	text-decoration:none;
}

/*         voice.html          */
div.voice hr {
	border:none;
	border-bottom:1px dotted #CCC;
	margin-bottom:10px;
}
div.voice div.Box {
	padding:20px 20px 10px;
}
div.voice dl {
	width:503px;
	padding:0 12px;
	margin-bottom:10px;
}
div.voice dl dt {
	width:478px;
	height:23px;
	line-height:23px;
	color:#666;
	font-weight:bold;
	padding:0 0 0 22px;
}
div.voice dl dd {
	padding-top:4px;
}
div.voice dl.green {
	background:url(../image/voice-green-bg.jpg) repeat-y;
}
div.voice dl.green dt {
	background:url(../image/voice-green-dt.jpg) no-repeat;
}
div.voice dl.br {
	background:url(../image/voice-br-bg.jpg) repeat-y;
}
div.voice dl.br dt {
	background:url(../image/voice-br-dt.jpg) no-repeat;
}

/*       rec     */
div.company table.rec {
	margin:20px 0 0 15px;
}


/*       kizuna          */
div#kizuna {
	width:750px;
	margin: 0 auto;
	clear:both;
}
div#kizuna div.image {
}

div#kizuna div.menu {
	background:url(../image/kizuna-bg.jpg) no-repeat;
	height:75px;
	position:relative;
}
div#kizuna div.menu a:hover img {
	opacity : 0.7;
	filter: alpha(opacity=70);
}
div#kizuna div.menu ul {
	position:absolute;
	top:20px;
	left:250px;
}
div#kizuna div.menu ul li {
	float:left;
	padding:0 0 0 60px;
}
div#kizuna div.menu p {
	display:block;
	position:absolute;
	right:10px;
	top:20px;
}
