@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: #CCCCCC;
}
html {	
	overflow-y:scroll;		
}
img {
	border: none;
}
h1,h2,h3,h4,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: underline;
}
a:active {
	color: #FF9900;
}

span.dummyLink {
	color: #396FD2;
	/* text-decoration: none; */
}

/* a.linkCheck */
a.linkCheck {
	padding-right: 16px;
}
a.linkCheck:link {
	color: #396FD2;
}
a.linkCheck:visited {
	color: #599FDA;
	background: url(../img/icon_check.gif) no-repeat right top;
}
a.linkCheck:hover {
	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 */


/*===========================================
	SkipMenu
=============================================*/
ul#skipAnchor {
	margin: 0px;
	padding:0px;
	
	font-size: 0px;
	height: 0px;
}
ul#skipAnchor li {
	margin: 0px;
	padding:0px;
	
	float: left;
	
	list-style-type: none;
}
ul#skipAnchor li img {
	margin: 0px;
	padding:0px;
	display: block;
}


/*===========================================
	wrapper
=============================================*/
div#wrapper {
	width: 980px;
	height:100%;
	margin: 0px auto;
	padding: 0px;
	background: url(../img/bg_body2.gif) repeat-y;
}

/*===========================================
	containerArea
=============================================*/
div#containerArea {
	width:950px;
	margin:0px auto;
	padding:0px;
}


/*===========================================
	headerArea
=============================================*/
div#headerArea {
	width:950px;
	height:85px;
	margin:0px;
	padding:0px;
	background-color:#0066ff;
}

div#headerArea div.headerBox {
	width:890px;
	height:85px;
	margin:0px auto;
	padding:0px;
}

div#headerArea div.headerBox div.leftArea {
	width:183px;
	margin:0px;
	padding:0px;
	float:left;
}

div#headerArea div.headerBox div.rightArea {
	width:232px;
	margin:0px;
	padding:0px;
	float:right;
}


/*===========================================
	containerBox
=============================================*/
div#containerBox{
	width:850px;
	margin:30px auto 0px auto;
	padding:0px;
}


/*===========================================
	sideArea
=============================================*/
div#sideArea{
	width:190px;
	margin:0px;
	padding:0px;
	float:left;
}
/*===========================================
	naviBox
=============================================*/
div#naviBox{
	width:190px;
	margin:0px;
	padding:0px;
}
/*===========================================
	companyBox
=============================================*/
div#companyBox{
	width:190px;
	margin:30px 0px 0px 0px;
	padding:0px;
	text-align:left;
}

.sideAreaLine {
    border-top: 1px solid #999999;
    margin: 7px auto 0;
    padding: 7px 0 0;
    width: 190px;
}


/*===========================================
	mainContentsArea
=============================================*/
div#mainContentsArea{
	width:610px;
	margin:0px;
	padding:0px;
	float:right;
}


/*===========================================
	pageTop
=============================================*/
div.pageTop {
	width: 610px;
	margin: 25px auto 0px auto;
	padding: 0px;
	text-align: right;
	clear: both;
}


/*===========================================
	footerArea
=============================================*/
div#footerArea{
	width:950px;
	margin:30px 0px 0px 0px;
	padding:0px 0px 15px 0px;
}
div#footerArea div.footerBox{
	width:910px;
	margin:10px auto 0px auto;
	padding:0px;
}
div#footerArea div.footerBox div.leftArea{
	width:540px;
	margin:0px;
	padding:0px;
	float:left;
	text-align:left
}
div#footerArea div.footerBox div.leftArea ul{
	width:540px;
	margin:0px;
	padding:0px;
	list-style:none;
}
div#footerArea div.footerBox div.leftArea ul li{
	margin:0px;
	padding:0px;
	float:left;
}
div#footerArea div.footerBox div.rightArea{
	width:319px;
	margin:0px;
	padding:0px;
	float:right;
}




/*===========================================
	tblGlay
=============================================*/
table.tblGlay {
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}
table.tblGlay th {
    padding: 7px;
    border: #E3E3E3 solid;
    border-width: 0px 0px 1px 1px;
    background: #F9F9F9;
    font-weight: bold;
    line-height: 120%;
    white-space: nowrap; 
}
table.tblGlay td {
    padding: 7px;
    border: 1px #E3E3E3 solid;
    border-width: 0px 0px 1px 1px;
    text-align: left;
}


/*===========================================
	tblGlayBold
=============================================*/
table.tblGlayBold {
    border: 2px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}
table.tblGlayBold th {
	width: 120px;
    padding: 7px;
    border: #E3E3E3 solid;
    border-width: 0px 0px 2px 2px;
    background: #F9F9F9;
    font-weight: bold;
    line-height: 120%;
    white-space: nowrap; 
	text-align: left;
}
table.tblGlayBold td {
    padding: 7px;
    border: 2px #E3E3E3 solid;
    border-width: 0px 0px 2px 2px;
    text-align: left;
	background: #FFF;
}


/*===========================================
	tblBlue
=============================================*/
table.tblBlue {
	margin: 15px auto 0px auto;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table.tblBlue th {
	width: 50%;
    padding: 7px;
    border: #E3E3E3 solid;
    border-width: 0px 0px 1px 1px;
    background: #EEF9FF;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    white-space: nowrap; 
}
table.tblBlue td {
    padding: 7px;
    border: 1px #E3E3E3 solid;
    border-width: 0px 0px 1px 1px;
	vertical-align: top;
    text-align: left;
}


table.tblBlue ul {
	margin: 0px;
	padding: 0px;
}
table.tblBlue ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
}


/*===========================================
	tblNormal
=============================================*/
table.tblNormal {
	margin: 0p;
    border-collapse: collapse;
    border-spacing: 0;
}

table.tblNormal th {
    padding: 5px;
	border: none;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    white-space: nowrap; 
}
table.tblNormal td {
    padding: 5px;
	border: none;
	vertical-align: top;
    text-align: left;
}


/*===========================================
	pdfArea
=============================================*/
div#pdfArea {
	width: 235px;
	margin: 15px 0px 20px 0px;
	padding: 0px;
	text-align: left;
	clear: both;
}

/*===========================================
	freeNum
=============================================*/
p.freeNum {
	width: 100%;
	margin: 0px;
	padding: 0px;
	background: url(../order/img/icon_freenum.gif) no-repeat 0px 2px;
}
p.freeNum span {
	width: 100%;
	margin: 0px 0px 0px 28px;
	padding: 0px;
}


/*===========================================
	txtTitle
=============================================*/
.txtTitle {
	width: 100%;
	padding: 0px 0px 0px 15px;
	background: url(../img/ico_square.gif) no-repeat 0px 1px;
}
.txtTitle span {
	width: 100%;
	margin: 0px 0px 0px 15px;
	padding: 0px;
}


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


/*===========================================
	subTitle
=============================================*/
.subTitle {
	width: 715px;
	margin: 0px;
	padding: 0px;
	background: url(../img/st_mid.gif) no-repeat;
}
.subTitle span {
	display: block;
}
.subTitle span.title {
	margin: 0px;
	padding: 4px 0px 2px 10px;
	color: #FFF;
	font-weight: bold;
}

.subTitle2 {
	width: 715px;
	margin: 0px;
	padding: 0px;
	background: url(../img/st_mid.gif) no-repeat;
}
.subTitle2 span.title {
	margin: 0px;
	padding: 4px 0px 2px 10px;
	color: #FFF;
	font-weight: bold;
}

/*===========================================
	ssTitle
=============================================*/
h3.ssTitleLong {
	width: 920px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	padding: 0px;
	background:url(../img/sst_01_long.gif) no-repeat;
	font-weight: bold;
}
h3.ssTitleLong p {
	margin: 0px;
	padding: 5px 0px 5px 10px;
}

/* ssTitle */
h4.ssTitle {
	width: 695px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	padding: 0px;
	background:url(../img/sst_01.gif) no-repeat;
	font-weight: bold;
}
h4.ssTitle p {
	margin: 0px;
	padding: 5px 0px 5px 10px;
}

/*===========================================
	subTitleLong
=============================================*/
.subTitleLong {
	width: 930px;
	margin: 0px;
	padding: 0px;
	background: url(../img/st_mid_long.gif) no-repeat;
	text-align: left;
	clear: both;
}
.subTitleLong span {
	display: block;
}
.subTitleLong span.title {
	margin: 0px;
	padding: 4px 0px 2px 10px;
	color: #FFF;
	font-weight: bold;
}


/*===========================================
	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;
}

/*===========================================
	fontBgColor
=============================================*/
.fontBgBlue {
	background: #D5F3FF;
}
.fontBgGreen {
	background: #D5FFD9;
}