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

* {
	margin: 0;
	padding: 0;
	list-style : none;
    word-break: break-all;
    -webkit-touch-callout:none;
    -webkit-tap-highlight-color:rgba(255,255,0,0.4);
    -webkit-text-size-adjust:none;
}
body {
    font-size: 15px;
    line-height: 1.3;
    font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3";
     -webkit-text-size-adjust: none;
}
body, div, ul, li, table, tr, td, img, a {
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6, p, address, ul, ol, li, dl, dt, dd, table, caption, th, td, img, form {
	margin: 0;
	padding: 0;
	border: none;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	text-align: left;
	list-style-type: none;
}
textarea {
	font-size: 100%;
}
img {
	vertical-align: bottom;
}
img.emoji {
	vertical-align: baseline;
	margin:0 2px;
}
a > img {
	border:none;
}
a > img.ro:hover {
	opacity:0.5;
	filter: alpha(opacity=50);
}
button:hover {
	opacity:0.65;
	filter: alpha(opacity=65);
	cursor:pointer;
}
hr {
	display: none;
}
input[type=image]:hover {
	opacity:0.65;
	filter: alpha(opacity=65);
}
html, body {
	letter-spacing:2px;
	font-size:13px;
	margin: 0 auto;
	height: 100%;
	margin: 0;
}


div#container {
	border-top:10px solid #666b5c;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	color:#666;
	line-height:1.8em;
	letter-spacing:0.2em;
}


div#header {
	width:880px;
	margin:0 auto 2em;
}

div#indexHeader {}

div#globalNavi {
	width:100%;
	overflow:hidden;
	border:3px #EEE solid;
	border-left:none;
	border-right:none;
}
div#globalNavi > ul > li {
	float:left;
	border-right:1px dotted #ccc;
}

div#contents {
	width:880px;
	padding-bottom:200px;
	margin:0 auto;
}

div#topLink {
	margin-bottom:2em;
	background:url(../img/bgTopLinkBox.jpg) no-repeat;
	height:290px;
}
div#topLink > div.inner {
	padding-top:100px;
	width:100%;
	text-align:center;
}

div#topLink  div.box {
	display:inline-block;
	margin:0 0.3em 1em;
	padding:0.5em;
	background-color:#C2BEBD;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

div#topLink  div.box > div.title{
	text-align:left;
}

div#topLink  div.box > div.vis{
	margin-bottom:0.5em;
}

div#topLink  div.box > div.vis img {
	border:1px #EEE solid;
}

div#topLink  div.box a {
	color: #fff;
	text-decoration:none;
}

div#news {}

div#news > div.title {
	margin-bottom:0.5em;
}

div#news > div.body {}

div#news > div.body > div.box {
	width:100%;
	overflow:hidden;
	border-bottom:1px dashed #ccc;
	padding:1em 0;
}
div#news > div.body > div.box > div.date {
	width:90px;
	float:left;
	font-size:80%;
}
div#news > div.body > div.box > div.title {
	width:100%;
	margin-left:-100px;
	float:right;
}

div#news > div.body > div.box > div.title > div.inner {
	margin-left:100px;
}


div#bunnerLink {}
div#bunnerLink > div {
	margin-bottom:1em;
}


div#footer {
	width:100%;
	position:absolute;
	bottom:0;
	z-index:-1;
	background:#666b5c;
	color:#FFF;
	padding:40px 0;
}


div#footer > div  {
	width:880px;
	margin:0 auto;
}



div#footer > div > div + div {
	text-align:right;
}


div#subPageHeader {
	padding:15px 0;
}


div.columnWrapper {
	width:100%;
	overflow:hidden;
}

div.columnWrapper > div.main {
	width:550px;
	float:left;
}
div.columnWrapper > div.sub {
	width:295px;
	float:right;
}

div.columnWrapper > div.left {
	width:48%;
	float:left;
}

div.columnWrapper > div.right {
	width:48%;
	float:right;
}

table.basic {
	width:100%;
	border-collapse:collapse;
}
table.basic tr > * {
	padding:1em;
}
table.basic th {
	width: 100px;
	font-weight:bold;
	vertical-align:top;
}
table.basic tr.even > * {
	background-color:#ede5dd;
}

table.basic p {
	margin-bottom:1.5em;
}

div#service {
}
div#service > div.box {
	margin-bottom:4em;
}
div#service > div.box > div.title {
	margin-bottom:1.6em;
}
div#service > div.box > div.body {
	width:100%;
	overflow:hidden;
}
div#service > div.box > div.body > img {
	margin-right:1em;
	margin-bottom:1em;
	float:left;
}

div#about {}
div#about > div.title {
	margin-bottom:1.6em;
}
div#contact {}
div#contact > div.title {
	margin-bottom:1.6em;
}

div#messageBox {
	text-align:center;
}
div.backLink {
	text-align:right;
	padding-top:5em;
}
div.submitBox {
	padding-top:3em;
	text-align:center;
}

div#contact input, div#contact textarea {
	width:100%;
}