@charset "utf-8";

/* -----------------------------------------------------------
CSS Information
edit:10/01/18
style info:allstyle
----------------------------------------------------------- */


/*layout----------------------------------------*/

body {
	color:#505050;
	font-family: Meiryo, "メイリオ, "verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", serif;
	font-size:12px;
	line-height:1.3;
	letter-spacing:1px;
	background: url(../img/bg2.gif) no-repeat top center;
	/*background: url(../img/bg.gif) repeat top left;*/
}

.wrapper {
	margin:0 auto;
	text-align:center;
}

.container {
	margin:0 auto;
	width:800px;
	padding:0 20px;
	text-align:left;
	background: #ffffff url(../img/line.gif) no-repeat top center;
}

*html .container {
	width:840px;
}

.header {
	margin:50px 0 30px 0;
	float:left;
	display:inline;
}

.header img{
	float:left;
}

.header h1,.header p{
	float:left;
	margin:5px 0 0 35px;
	display:inline;
	color:#000;
	font-weight:bold;
}

.rightcontents {
	width:625px;
	float:right;
	margin-bottom:30px;
}

.leftcontents {
	width:142px;
	float:left;
}

.siteimg {
	margin-bottom:40px;
}

.block {
	margin-bottom:40px;
}

.topreturn {
	text-align:right;
}


.footer {
	clear:both;
}

.footer p {
	background:url(../img/line.gif) no-repeat top left;
	font-size:85%;
	padding:15px 0;
}

.navi{
	margin-bottom:20px;
}
.navi ul li img{
	vertical-align:bottom;
}

/*works----------------------------------------*/

.works .box {
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px dotted #505050;
}

.works .box .left {
	float:left;
	width:210px;
	text-align:center;
}

.works .box .right {
	float:right;
	width:390px;
}

.line_block {
	background:#dcdcdc;
	padding:10px;
	padding-bottom:0px;
}
*html .line_block {
	background:#dcdcdc;
	padding:10px;
}

.line_block p{
	font-size:85%;
	padding-right:10px;
}

.line_block .left{
	width:300px;
	height:105px;
	float:left;
	background:#fff;
	border:1px dotted #969696;
	border-right:1px dotted #969696;
	margin-bottom:10px;
	display:inline;
}

.line_block .right{
	width:298px;
	height:105px;
	float:left;
	border:1px dotted #969696;
	border-left:none;
	background:#fff;
	margin-bottom:10px;
	display:inline;
}

.line_block .left img,.line_block .right img{
	float:left;
	margin:10px;
}

.line_block .left p,.line_block .right p{
	margin:10px;
}



/*table----------------------------------------*/
table {
	margin-bottom:20px;
	font-size:100%;
}

table th {
	white-space:nowrap;
	padding:10px 10px 10px 0;
}

table td {
	padding:10px 0 10px 10px;
}

table.contact {
	display:table;
	border-collapse: collapse;
	border-spacing: 0;
	border-top:1px solid #c5c6c6;
	border-left:1px solid #c5c6c6;
}

.contact th {
	padding: 10px;
	border-right:1px solid #c5c6c6;
	border-bottom:1px solid #c5c6c6;
	white-space:nowrap;
	background-color: #f5f5f5;
}

.contact td {
	padding: 10px;
	border-right:1px solid #c5c6c6;
	border-bottom:1px solid #c5c6c6;
	color:#000;
}


/*input----------------------------------------*/

.block input {
	border:1px solid #c5c6c6;
	padding:5px;
	font-size:120%;
}

.block textarea {
	border:1px solid #c5c6c6;
	padding:5px;
	font-size:140%;
}

.block .submit input {
	border:none;
	padding:0 10px 0 0;
	float:left;
	margin-bottom:20px;
}

.block .reset_area {
	float:left;
	margin-bottom:20px;
}

#ContactEmail {
	margin-bottom:5px;
}

.clear {
	clear:both;
}

.under30 {
	margin-bottom:30px;
}

/*text----------------------------------------*/

.rightcontents h1{ margin-bottom:30px; }
h2 { margin-bottom:20px; }
h3 { margin:10px 0;}
p { margin-bottom:10px;}

.error-message {
	color:#ff0000;
}

/* linkcolor_base*/
a:link { color: #1D3994; }
a:visited { color: #7596EA; }
a:hover { color: #1D3994; text-decoration: none; }
a:active { color: #1D3994; }

/* icon_link*/
.icon_title{
	background: url(../img/icon.gif) no-repeat left center;
    padding:5px 5px 5px 20px;
	color:#000;
}
.icon_arrow{
	background: url(../img/icon_arrow.gif) no-repeat left center;
    padding-left:15px;
	color:#000;
}
ul.icon_link li{
	background: url(../img/icon_arrow.gif) no-repeat left center;
    padding-left:15px;
	margin-bottom:5px;
}

/*title_bar*/
.textbar {
	background:#f5f5f5;
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	color:#000;
	padding:4px 7px;
	margin-bottom:20px;
}

/*reset----------------------------------------*/

html {
	overflow-y: scroll;
}

body,div,dl,dt,dd,ul,ol,li,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote {
	margin: 0;
	padding: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

th,td {
	text-align: left;
	vertical-align:top;
}

q:before,q:after {
	content: '';
}

object,
embed {
	vertical-align: top;
}

caption {
	text-align:right;
	margin-bottom:0.5em;
}

hr,legend {
	display: none;
}

h1,h2,h3,h4,h5,h6,p{
	font-size: 100%;
}

img,abbr,acronym,fieldset {
	border: 0;
}

li {
	list-style-type: none;
	vertical-align:bottom;
}

/*box float clear hack*/

.clearfix:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}
.clearfix {
	min-height: 1%;
	display: inline-table;
}
/* Hides from MacIE5 \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* end MacIE5 */