@charset "utf-8";

/* initialize */
a, abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
	background: transparent;
	border: 0;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	margin: 0;
	outline: 0;
	padding: 0;
	text-decoration: none;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
	display: block;
}
ul, ol {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
mark {
	background-color: #ff0;
	color: #000; 
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {
	display: block;
	height: 1px;
	border: 0;   
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
a {
	color: #036;
	outline: none;
}
img {
	vertical-align: bottom;
}
body {
	background: #fff;
	font-size: 14px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','A-OTF 新ゴ Pro',Helvetica;
	line-height: 1;
	-webkit-text-size-adjust: none;
}

/* BASE */
#wrapper {
	position: relative;
}
header {
	width			: 320px;
	margin			: 0 auto;
}
	header div {}
		header div h1#header_logo {
			padding-left	: 10px;
		}
		header div #header_info {
			width				: 33%;
		}
			header div #header_info strong.ttl {
				display					: block;
				width					: 10em;
				padding					: 2px 0 3px;
				margin					: 0 auto;
				-webkit-border-radius	: 100px;
				-moz-border-radius		: 100px;
				border-radius			: 100px;
				border					: solid 1px #9E0000;
				background-image		: -moz-linear-gradient(top, #CC0000, #990000);
				background-image		: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #CC0000), color-stop(1.0, #990000));
				text-align				: center;
				text-shadow				: 1px 1px 0px #000000;
				color					: #fff;
				font-size				: 9px;
				font-weight				: bold;
			}
			header div #header_info p {
				text-align:center;
			}

.assort {
	background: -moz-linear-gradient(top, #06c, #0055a9);
	background: -webkit-gradient(linear, 0 0,0 100%, from(#06c),to(#0055a9));
	color: #fff;
}
html body [class^=ui-], html body .ui-body-c .ui-link {
	font-weight: normal;
	text-shadow: none;
}
section {
	background: #fff;
}
footer {
	padding-top			: 10px;
	border-top			: 1px solid #999;
	text-align			: center;
}

	footer aside {}
	footer nav {
		padding: 10px;
		background:#e7e7e7;
		border:solid #999;
		border-width:1px 0;
	}

	footer address {
		background-color: #fff;
		font-style: normal;
		padding: 10px;
	}

.sub {
	background: #e7f3fd;
}

.text {
	color: #1d1d1d;
}

/* Common
---------------------------------------------------------------- */
/* Margin */
.mb5  {margin-bottom:  5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb35 {margin-bottom: 35px;}
.mr5  {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}

/* Padding */
.pb5  {padding-bottom:  5px;}
.pb10 {padding-bottom: 10px;}
.pb15 {padding-bottom: 15px;}
.pb20 {padding-bottom: 20px;}
.pb25 {padding-bottom: 25px;}

/* Font */
.px9 {font-size: 9px;}
.px10 {font-size: 10px;}
.px11 {font-size: 11px;}
.px12 {font-size: 12px;}
.px13 {font-size: 13px;}
.px14 {font-size: 14px;}
.px15 {font-size: 15px;}
.px16 {font-size: 16px;}
.px17 {font-size: 17px;}
.px18 {font-size: 18px;}
.px19 {font-size: 19px;}
.px20 {font-size: 20px;}
.bold {font-weight: bold;}
.fMin {font-family: 'ヒラギノ明朝 Pro W3', 'HiraMinProN-W3', 'Hiragino Mincho Pro', serif;}
.fontRed {color:#f00;}
.fontGlay {color:#666;}

/* Line-Height */
.lh100 {line-height: 1;}
.lh110 {line-height: 1.1;}
.lh120 {line-height: 1.2;}
.lh130 {line-height: 1.3;}
.lh140 {line-height: 1.4;}
.lh150 {line-height: 1.5;}
.lh160 {line-height: 1.6;}
.lh170 {line-height: 1.7;}
.lh180 {line-height: 1.8;}

/* Layout */
.block  {display: block;}
.center {text-align: center;}
.left   {text-align: left;}
.right  {text-align: right;}
.floatL {float: left;}
.floatR {float: right;}

/* EFFECT */
.box-shadow {
	box-shadow: 0 1px 5px #999;
	-moz-box-shadow: 0 1px 5px #999;
	-webkit-box-shadow: 0 1px 5px #999;
}

.box {
	box-align: center;
	display: box;
	display: -moz-box;
	display: -webkit-box;
	width: 100%;
	-moz-box-align: center;
	-webkit-box-align: center;
}
.box > * {
	display: block;
	min-width: 1px;
	padding: 7px;
}

.box > *:first-child {
	padding-right: 5px;
}
.box > *:last-child {
	padding-left: 0;
}
.box > *:first-child:last-child {
	padding-left: 7px;
	padding-right: 7px;
}
.box > *:last-child {
	padding-left: 0;
}
.box > .flex {
	box-flex: 1;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
}
.unit {
	padding: 7px;
}

/* Common add
---------------------------------------------------------------- */
.bb_gray {
	border-bottom: 1px solid #999;
}
.bb_blue {
	border-bottom:1px solid #069DD0;
}
.ttl_blue {
	padding					: 9px 0 12px 10px;
	background				: url(../img/bg_h2_blue.png) repeat-x 0 0 #173c7f;
	color					: #fff;
	text-shadow				: 1px 1px 1px #000000;
	font-size				: 12px;
	font-weight				: bold;
}
.ttl_yellow {
	padding					: 9px 0 10px 10px;
	border					: solid #999;
	border-width			: 1px 0;
	background				: #FBF8CE;
	color					: #333;
	font-size				: 12px;
	font-weight				: bold;
}
.ttl_gray {
	padding					: 9px 0 10px 10px;
	border-bottom			: solid 1px #049ccf;
	background-image		: -moz-linear-gradient(top, #fff, #eee);
	background-image		: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.0, #eee));
	font-size				: 11px;
}
.bg_line {
	background				: url(../img/bg_line.png) repeat 0 0;
}
.bg_gray {
	background				: #f3f3f3;
}
.ttl_area {
	display					: inline-block;
	padding					: 3px 4px 2px;
	background				: #1d4ba0;
	color					: #fff;
	font-weight				: bold;
	text-align				: center;
}
.tbl_common {}
	.tbl_common td,
	.tbl_common th {
		padding:4px 3px;
		border: 1px solid #039CCF;
		font-size:11px;
	}
	.tbl_common th {
		background-image: -moz-linear-gradient(top, #FFFFFF, #E6F9FF);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FFFFFF), color-stop(1.0, #E6F9FF));
		text-align:left;
	}
	.tbl_common td {}

.tbl_common_red {}
	.tbl_common_red td,
	.tbl_common_red th {
		padding:4px 3px;
		border: 1px solid #CD0505;
		font-size:11px;
	}
	.tbl_common_red th {
		background-image: -moz-linear-gradient(top, #FFFFFF, #FEDEDE);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FFFFFF), color-stop(1.0, #FEDEDE));
		text-align:left;
	}
	.tbl_common_red td {}

.tbl_common_orange {}
	.tbl_common_orange td,
	.tbl_common_orange th {
		padding:4px 3px;
		border: 1px solid #F8C221;
		font-size:11px;
	}
	.tbl_common_orange th {
		background-image: -moz-linear-gradient(top, #FFFFFF, #FCE8A9);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FFFFFF), color-stop(1.0, #FCE8A9));
		text-align:left;
	}
	.tbl_common_orange td {}

.tbl_common_green {}
	.tbl_common_green td,
	.tbl_common_green th {
		padding:4px 3px;
		border: 1px solid #9ACD23;
		font-size:11px;
	}
	.tbl_common_green th {
		background-image: -moz-linear-gradient(top, #FFFFFF, #ECF8D1);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FFFFFF), color-stop(1.0, #ECF8D1));
		text-align:left;
	}
	.tbl_common_green td {}


input,textarea {
}

input.txt_short {
	width:30%;
}
input.txt_middle {
	width:48%;
}
input.txt_long {
	width:78%;
}
.txt_message {
	width			: 90%;
	height			: 5em;
}