@charset "UTF-8";
/* mailto : info@brainsha.co.jp */
/* Copyright (C) 2010 Brainsha Corporation. All rights reserved. */

/*===========================================
	Shared Style
=============================================*/
body {
	margin: 0px auto;
	padding:0px;
	text-align: center;
	color: #333333;
	background: #FFFFFF;
}
html {	
	overflow-y:scroll;		
}
img {
	border: none;
}
h1,h2,h3,h4,h5,p,img,form,input,textarea {
	margin: 0px;
	padding: 0px;
}

/*===========================================
	Link Color
=============================================*/
a:link {
	color: #396FD2;
	text-decoration: none;
}
a:visited {
	color: #396FD2;
	text-decoration: none;
}
a:hover {
	color: #FF9900;
	text-decoration: none;
}
a:active {
	color: #FF9900;
}


/*===========================================
	clearfix 
=============================================*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix { display:block;}
/* End hide from IE-mac */

/*===========================================
	wrapper
=============================================*/
div#wrapper {
	width: 1000px;
	margin: 20px auto 0px auto;
	padding: 0px;
	clear: both;
}

/*===========================================
	headerArea
=============================================*/
div#headerArea {
	width: 1000px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}


/*===========================================
	pregArea_01
=============================================*/
div.pregArea_01 {
	width: 1000px;
	margin: 30px auto 0px auto;
	padding: 0px;
}
div.pregArea_01 h3.line {
	width: 1000px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 10px 0px;
	border-bottom:dotted #999999 1px;
	font-weight:normal;
	text-align:left;
}
div.pregArea_01 div.pregBox {
	width: 960px;
	margin: 20px auto 0px auto;
	padding: 0px;
	text-align:left;
}
div.pregArea_01 ul {
	width: 900px;
	margin: 40px auto 0px auto;
	padding: 0px;
	list-style: none;
}
div.pregArea_01 ul li {
	width: 150px;
	margin: 0px 0px 0px 24px;
	padding: 0px;
	float: left;
	text-align:center;
}
div.pregArea_01 div.pregBox div.cntArea div.leftArea {
	width: 575px;
	margin: 0px;
	padding: 0px;
	float:left;
}
div.pregArea_01 div.pregBox div.cntArea div.rightArea {
	width: 168px;
	margin: 0px;
	padding: 0px;
	float:right;
}
div.grayArea {
	width: 550px;
	margin: 20px  0px 0px  0px;
	padding: 10px;
	background-color:#DDD;
	text-align:left;
}

/* スクロール表示 */ 
div.pregArea_01 div.pregBox div.scr {
  overflow: scroll;   
  width: 700px;
  height: 200px;
}

/*===========================================
	pageTop
=============================================*/
div.pageTop {
	width: 950px;
	margin: 20px auto 0px auto;
	padding: 0px;
	text-align: right;
}


/*===========================================
	footerArea
=============================================*/
div#footerArea {
	width: 1000px;
	margin: 100px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
	border-top: solid 1px #999;
}
div#footerArea div.footerBox {
	width: 1000px;
	margin: 5px auto 0px auto;
	padding: 0px 0px 30px 0px;
}


/*===========================================
	tbl
=============================================*/
table.tblForm {
	width:960px;
	margin: 10px auto 0px auto;
    border: 1px #EEE solid;
    border-collapse: collapse;
    border-spacing: 0;
}
table.tblForm td {
    padding: 15px 15px 15px 15px;
	border: 1px #DDD solid;
    text-align: left;
}
table.tblForm td.w150 {
    width:150px;
}
table.tblForm td.skyblue {
	background-color:#B5E0F2;
}

/*===========================================
	clear_both
=============================================*/
.clear_both {
	clear: both;
}


/*===========================================
	ico
=============================================*/
.icoSquare {
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px 0px 0px 15px;
	background: url(../img/ico_square.png) no-repeat 0px 3px;
}

.icoArrow {
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px 0px 0px 15px;
	background: url(../img/ico_arrow.png) no-repeat 0px 3px;
}

.icoDisc {
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px 0px 0px 15px;
	background: url(../img/ico_disc.gif) no-repeat 0px 6px;
}

.icoPdf {
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px 0px 0px 18px;
	background: url(../img/ico_pdf.gif) no-repeat 0px 0px;
}

.icoKome {
	padding: 0px 0px 0px 15px;
	background: url(../img/ico_kome.gif) no-repeat 0px 4px;
}

/*===========================================
	Space
=============================================*/
.mt_00 {
	margin: 0px;
}
.mt_02{
	margin: 2px 0px 0px 0px;
}
.mt_03{
	margin: 3px 0px 0px 0px;
}
.mt_05{
	margin: 5px 0px 0px 0px;
}
.mt_06{
	margin: 6px 0px 0px 0px;
}
.mt_07{
	margin: 7px 0px 0px 0px;
}
.mt_10 {
	margin: 10px 0px 0px 0px;
}
.mt_15 {
	margin: 15px 0px 0px 0px;
}
.mt_20 {
	margin: 20px 0px 0px 0px;
}
.mt_25 {
	margin: 25px 0px 0px 0px;
}
.mt_30 {
	margin: 30px 0px 0px 0px;
}
.mt_35 {
	margin: 35px 0px 0px 0px;
}
.mt_40 {
	margin: 40px 0px 0px 0px;
}
.mt_45 {
	margin: 45px 0px 0px 0px;
}
.mt_50 {
	margin: 50px 0px 0px 0px;
}
.ml_05 {
	margin-left: 5px;
}
.ml_10 {
	margin-left: 10px;
}
.ml_15 {
	margin-left: 15px;
}
.ml_20 {
	margin-left: 20px;
}
.ml_30 {
	margin-left: 30px;
}

/*===========================================
	txtAlign
=============================================*/
.txtAlignRight {
	text-align: right;
}
.txtAlignCenter {
	text-align: center;
}

/*===========================================
	イメージ関連
=============================================*/
.imgRight{
	float: right;
	padding:  0px 0px 0px 0px;
	margin: 0px 0px 10px 10px;
}