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

/*---------------------------------
_基本ベース
-----------------------------------*/ 
body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	color: #030000;
	margin: 0px;
	background-image: url(../img/main/index/bg_left.jpg);
	background-position: top left;
	background-size: 12.5% auto;
	background-repeat: repeat-y;
	background-color: #ffffff;
	line-height: 1.5em;
	-webkit-text-size-adjust: 100%;
	min-width: 320px;
}
a:link {
	text-decoration: none;
	color: #4a2808;
}
a:visited {
	text-decoration: none;
	color: #4a2808;
}
a:hover {
	text-decoration: underline;
	color: #4a2808;
}
a:active {
	text-decoration: underline;
	color: #4a2808;
}

/*---------------------------------
_汎用スタイル
-----------------------------------*/
h1, h2, h3, h4 ,h5 {
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}
img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	vertical-align: top;
	line-height: 100%;
	max-width: 100%;
}
p {
	margin: 0px;
	padding: 0px;
}
form {
	margin: 0px;
	padding: 0px;
}
ul,ol  {
	margin: 0px;
	padding: 0px;	
	list-style-type: none;
}
li {
	padding: 0px;
	margin: 0px;
}
dl,dt,dd {
	margin: 0px;
	padding: 0px;
}
a {
	margin: 0px;
	padding: 0px;
}

a img:hover {
	filter:alpha(opacity=70);
    -moz-opacity:0.70;
    -khtml-opacity: 0.70;
    opacity:0.70;
	filter:none/9;
}

table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

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


/*=================================

	Utility parts

=================================*/
.fs_12 {font-size: 12px!important;}
.fs_14 {font-size: 14px!important;}
.fs_16 {font-size: 16px!important;}
.fs_18 {font-size: 18px!important;}
.fs_20 {font-size: 20px!important;}

/* Font-color */
.fc_white {color: #ffffff!important;}
.fc_orange {color: #d95d36!important;}
.fc_gray {color: #333333!important;}

/* Margin-top */
.mt00 {margin-top: 0 !important;}
.mt05 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}

/* Margin-bottom */
.mb00 {margin-bottom: 0 !important;}
.mb05 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}

/* Margin-left */
.ml00 {margin-left: 0 !important;}
.ml05 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml35 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;}
.ml45 {margin-left: 45px !important;}
.ml50 {margin-left: 50px !important;}
.ml60 {margin-left: 60px !important;}

/* Margin-right */
.mr00 {margin-right: 0 !important;}
.mr05 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !important;}
.mr35 {margin-right: 35px !important;}
.mr40 {margin-right: 40px !important;}
.mr45 {margin-right: 45px !important;}
.mr50 {margin-right: 50px !important;}
.mr60 {margin-right: 60px !important;}

/* text-align */
.aC {text-align: center !important;}
.aL {text-align: left !important;}
.aR {text-align: right !important;}

/* vertical-align */
.vT {vertical-align: text-top !important;}
.vB {vertical-align: text-bottom !important;}
.vM {vertical-align: middle !important;}

/*---------------------------------
_page_body
-----------------------------------*/
#page_body {
	background-image: url(../img/main/index/bg_right.jpg);
	background-position: top right;
	background-size: 12.5% auto;
	background-repeat: repeat-y;
	padding: 30px 0px;
}

/*---------------------------------
_wrapper
-----------------------------------*/
.wrapper {
	width: 62.5%;
	margin: 0 auto;
}

/*---------------------------------
_600～
-----------------------------------*/
@media screen and (min-width : 600px),print {	

	body{
		background-size: 280px auto;
		min-width: 1300px;
		line-height: 2em;
		font-size: 14px;
	}
	
	/*---------------------------------
	_page_body
	-----------------------------------*/
	#page_body {
		background-size: 280px auto;
		padding: 110px 0px;
	}
	
	/*---------------------------------
	_wrapper
	-----------------------------------*/
	.wrapper {
		width: 700px;
		margin: 0 auto;
	}
	
}