@charset "utf-8";

/*********************
* base tags
*********************/

* {
	margin: 0;
	padding: 0;
}

html, body {
	margin: 0 auto;
}

body {
	line-height: 135%;
	text-align: center;
}

body, h1, h2, h3, h4, h5, h6, pre, li, dt, dd, th, td, p {
	font: 13px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	/*for IE6*/
	_font-size:small;
	line-height: 135%;
}

/*for IE7*/
*+html body div, *+html body h1, *+html body h2, *+html body h3, *+html body h4, *+html body h5, *+html body h6,
*+html body pre, *+html body li, *+html body dt, *+html body dd, *+html body th, *+html body td, *+html body p {
font-size:small;
}

/*for IE8*/
html>/**/body div, html>/**/body h1, html>/**/body h2, html>/**/body h3, html>/**/body h4, html>/**/body h5, html>/**/body h6,
html>/**/body pre, html>/**/body li, html>/**/body dt, html>/**/body dd, html>/**/body th, html>/**/body td, html>/**/body p {
font-size/*\**/:small\9;
}

/*********************
* main structure
*********************/

#container {
	margin: 0 auto;
	width: 740px;
	text-align: left;
}

#header {
}

#contents {
	width: 730px;
	padding: 20px 0;
	border-left: 5px solid #333333;
	border-right: 5px solid #333333;
}

#contents_inner {
	margin: 0 5px;
}

#footer {
}

/*********************
* common tags
*********************/
.align_left {
	text-align: left;
}

.align_center {
	text-align: center;
}

.align_right {
	text-align: right;
}

.clearfix {
	display: inline-block;
}

.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	clear: both;
}

html>/**/body .clearfix { display /*\**/: block\9 }

.float_left {
	float: left;
}

.float_right {
	float: right;
}

img {
	border: 0;
}

p {
	padding-bottom: 10px;
}

table {
	font-size:inherit;
	font:100%;
}

.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }

h1,h2,h3,h4,h5,h6 { font-weight: bold; }

/*********************
* main contents
*********************/
h2 {
	margin: 0 0 10px 70px;
	padding: 3px;
	border-left: 12px solid #28afcf;
}

p {
	margin: 0 70px 10px 70px;
	padding: 0;
}

table {
	border-collapse: collapse;
	width: 590px;
	margin: 10px 60px;
}

table th,
table td {
	padding: 3px;
	border: 1px solid #ccc;
	vertical-align: middle;
}

table th {
	text-align: center;
	font-weight: bold;
	background-color: #28afcf;
	color: #FFFFFF;
}

table th.second {
	background-color: #48bfdf;
}

table td {
	min-width: 350px;
}

input,textarea {
	border:1px solid #777;
	padding: 5px;
	background: #fff;
	border-radius: 5px;

/* Webkit */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#eee),
        to(#fff)
        );
     
/* Firefox */
    background: -moz-linear-gradient(
        top,
        #eee,
        #fff
        );

/* IE */
  filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ffeeeeee,endColorstr=#ffffffff);
	zoom: 1;
}

input.radio {
	border: none;
	background: none;
	filter: none;
	margin: 0 5px;
	padding: 0;
}

textarea {
	width: 350px;
	height: 60px;
	resize: none;
}

input.submit {
	border:1px solid #777;
	padding: 4px 10px;
	color: #fff;
	cursor: pointer;
	background: #428ec9;
	border-radius: 5px;
	font-weight: bold;
	
	/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#99c9e5),
		to(#428ec9)
		);
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px #fff;
		
/* Firefox */
	background: -moz-linear-gradient(
		top,
		#99c9e5,
		#428ec9
		);
	-moz-border-radius: 5px;
	-moz-box-shadow: 1px 1px 1px #fff;
	
/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ff99c9e5,endColorstr=#ff428ec9);
	zoom: 1;
}

input.re_submit {
	background: none;
	filter: none;
	margin: 0 5px;
	padding: 2px;
}

.w30 {
	width: 30px;
}

.w50 {
	width: 50px;
}

.w100 {
	width: 100px;
}

.w150 {
	width: 150px;
}

.w300 {
	width: 300px;
}

.alert {
	color: #ff0000;
	font-weight: bold;
}

.term {
	width: 585px;
	height: 150px;
	overflow-y: scroll;
	margin: 15px 60px;
	border: 3px double #ccc;
}

.term_inner {
	margin: 10px;
	font-size: 13px;
}

.term ol {
	margin: 10px 0 10px 25px;
}

.term ol li {
	font-size: 13px;
	margin-bottom: 5px;
}

/*********************
* dream weaver対策（本番で消すこと）
*********************/
/*
.clearfix {
	overflow:hidden;
}
*/