@charset "UTF-8";

/* group layout
----------------------------------------------------------------------*/

div#container {
 position: relative;
 width: 900px;
 height: auto !important; 
 height: 100%;
 min-height: 100%;
 margin: 0 auto;
 background: #fff;
 text-align: left;
 background-image: url(../common/background3.png);
 background-repeat: no-repeat;
}

body > div#container {
 height: auto;
}

div#header {
 margin-top: 20px;
 height: 159px;
}

div#wrapper {
 clear: both;
 width: 100%;
 height: 100%;
}

div#contents_wrapper {
 clear: both;
 width: 100%;
 height: 100%;
 padding-bottom: 20px;
}

div#side {
 display: inline;
 float: right;
 width: 555px;
 margin-right: 30px;
}

div#b_side {
 display: inline;
 float: left;
 width: 110px;
 padding-right: 20px;
 margin-top: 30px;
 margin-left: 2px;
}

div#contents {
 display: inline;
 float: left;
 width: 285px;
 margin-left: 20px;
}

div#b_contents {
 display: inline;
 float: right;
 width: 730px;
 padding-left: 30px;
 margin-top: 10px;
}

div#footer_wrap {
 margin: 0 auto;
 padding: 20px 0px 20px 0px;
 width: 900px;
 font-size: 12px;
}

/* for IE6 hack
----------------------------------------------------------------------*/

* html body div#header {
 margin-top: 0;
}

* html body div#container {
 background-image: url(../common/background3.gif); /* 白背景枠 */
}

/* for IE7&Opera hack
----------------------------------------------------------------------*/

*+html body div#header {
 margin-top: 0;
}

/* group base */

body {
 background: #e2eff1 url(../common/background.jpg) no-repeat center fixed;
 color: #333;
 font: 14px/1.6 "Verdana", "ヒラギノ角ゴ　Pro W3" , "ＭＳ ゴシック", "メイリオ", "Meiryo","Osaka-等幅";
 text-align: center;
}

h1,h2,h3,h4,h5,h6 {
 clear: both;
 font-weight: bold;
 line-height: 1.2;
}

a {
 color: #ffffff;
 text-decoration: underline;
}

a:visited {
 color: #ffffff;
 text-decoration: none;
}

a:hover {
 color: #cccccc;
}

em.pink {
 color: #e7679f;
 font-weight: bold;
}

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

/* for IE7&Opera hack
----------------------------------------------------------------------*/

*+html select {
 padding-right: 0;
}

/* for IE6 hack
----------------------------------------------------------------------*/

* html select {
 padding-right: 0;
}

* html body div#body_bg01 {
 background: url(../common/background2.gif) repeat-y scroll center top; /* 白背景枠 */
}

* html body div#b_contents {
 width: 690px;
}

* html body div#side {
 width: 555px;
 margin-right: 0px;
}

* html body div#contents {
 width: 285px;
 margin-left: 10px;
}

* html body div#side dl.new {
 margin-left: 14px;
}

* html body div#side h2 {
 margin-left: 12px;
}

* html body .address address {
 background-color:#66ffcc; 
}

/* @body_bg01…白枠背景
----------------------------------------------------------------------*/

#body_bg01 {
 background: url(../common/background2.png) repeat-y scroll center top;
}

/* @group header
----------------------------------------------------------------------*/

p.header {
 padding: 1px;
 margin-left: 15px;
}

div#header img {
 margin-top: 10px;	
}

p#logo {
 text-align:center;
}

ul#global-nav {
 clear: both;
 margin-left: 12px;
}

ul#global-nav li {
 display: inline;
 float: left;
 height: 41px;
}

/* @group contents
----------------------------------------------------------------------*/

p#visual {
 margin-top: 20px;
 margin-bottom: 20px;
 text-align:center;
}

div#seminar {
 margin-left: -5px;	
}

div#consult {
 margin-top: 10px;
 margin-left: -5px;	
}

/* @group b_contents
----------------------------------------------------------------------*/

div.table {
  margin: 0 0 2em;
  width: 100%;
  overflow: hidden; /* clear float */
}

div.table h3 {
  margin: 0;
  padding: 3px 10px;
}

div.table p {
  margin: 5px 0 1em 20px;
}

div.table p.red {
  margin: 5px 0 1em 20px;
  color: #ff0000;
  font-size:16px;
  font-weight: bold;
}

div.table img.figure {
  float: right;
  display: inline; /* for IE6,7 */
  margin: 0.5em 16px 0 10px;
}

div.table a {
 color: #00F;
 text-decoration: none;
}

div.table a:visited {
 color: #00F;
 text-decoration: none;
}

div.table a:hover {
 color: #0099FF;
 text-decoration: underline;
}

table.about_table {
 width: 100%;
 margin-left: 18px;
}

table.about_table tr th {
 padding: 7px 0px 7px 0px;
 border-bottom: dotted 1px #666;
 font-weight: normal;
 text-align: left;
 width: 70px;
}

table.about_table tr td {
 padding: 7px 10px 7px 10px;
 border-bottom: dotted 1px #666;
}

/* @group side
----------------------------------------------------------------------*/

div#side dl.new {
 width: 537px;
 height: 191px;
 overflow: auto;
 padding: 5px 0px 10px 10px;
 margin-right: auto;
 margin-left: 24px;
 background-color: #e6e6e6;
}

div#side dl.new dt {
 clear: both;
 display: inline;
 float: left;
 width: 25%;
 font-weight: bold;
 color: #666;
}

div#side dl.new dd {
 display: inline;
 float: right;
 width: 75%;
}

div#side h2 {
 text-align: center;
 padding: 0;
 margin-left: 20px;
 width: 100%;
 color: #ffffff;
}

/* @group menu
----------------------------------------------------------------------*/

div#menu p {
 margin-bottom: 20px;
}

div#menu dl {
 margin-left: 10px;
 background-color: #fff;
}

div#menu dl dt {
 margin-bottom: 8px;
}

div#menu a {
 color: #000000;
 text-decoration: none;
}

div#menu a:visited {
 color: #000000;
 text-decoration: none;
}

div#menu a:hover {
 color: #cccccc;
}

/* @group footer
----------------------------------------------------------------------*/

.footer {
 clear: both;
 width: 100%;
 background: #fff;
 margin-left: 0px;
 position: relative;
}

.footer .footer01 {
 display: inline;
 float: left;
 margin-left: 15px;
 margin-right: -5px;
 width: 210px;
 font-size:10px;
}

.footer h3 {
 margin: 10px 0;
 padding: 2px 0 4px 0px;
 border-bottom: 3px solid #cc3366;
 color: #666;
 font-weight: bold;
 text-align: center;
 font-size:14px;
}

.footer div.para {
 margin-top: -2px;
}

.footer p {
 margin: 2px 0;
 padding: 0 0px;
 color: #fff;
 text-align: center;
}

.footer a {
 color: #224ed3;
 text-decoration: none;
}

.footer a:visited {
 color: #224ed3;
 text-decoration: none;
}

.footer a:hover {
 color: #0099FF;
 text-decoration: underline;
}

.address address {
 margin-top: -28px;
 text-align: right;
 border-bottom: 8px solid #0bca9a;
}

.address a {
 color: #ffffff;
 text-decoration: none;
}

.address a:visited {
 color: #ffffff;
 text-decoration: none;
}

.address a:hover {
 color: #0099FF;
 text-decoration: underline;
}

address {
 color: #fff;
}

.address ul#sub-nav {
 margin: 5px 0;
 padding-left: 8px;
 padding-right: 20px;
 text-align: left;
}

.address ul#sub-nav li {
 display: inline;
 padding: 0 1px;
}

.bg {
 background-color:#66ffcc; /* IEにおける背景色と文字被り対策用 */
}

/* @group module
----------------------------------------------------------------------*/

div#wrapper:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#wrapper {
	display: inline-block;
	min-height: 1%;  /* for IE 7*/
}

/* Hides from IE-mac \*/

* html div#wrapper {
	height: 1%;
}

div#wrapper {
	display: block;
}

/* End hide from IE-mac */

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

.clearfix {
	display: inline-block;
	min-height: 1%;  /* for IE 7*/
}

/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* End hide from IE-mac */

/* @end */

/* @group reset
----------------------------------------------------------------------*/

body {
	margin: 0;
	padding: 0;
}

ins,del {
	display: block;
}

p ins,p del,
ul ins,ul del,
ol ins,ol del,
dl ins,dl del,
table ins,table del {
	display: inline;
}

div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,
form,fieldset,
p,blockquote,
table,thead,tbody,tfoot,caption,th,td {
	margin: 0;
	padding: 0;
}

ol,ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0 none;
}

abbr,acronym {
	border-bottom: 1px dashed;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

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

em {
	font-style: normal;
}

address,
caption,
cite,
code,
dfn,
th,
var {
	font-style: normal;
	font-weight: normal;
}

table {
	font-size: 100%;
}

select,
input,
textarea {
	font-size: 100%;
	font-weight: normal;
}

var,code,samp,kbd {
	font-family: monospace;
}

html {
	overflow: scroll;
	overflow: -moz-scrollbars-vertical;
}

textarea {
	overflow: auto;
}

caption,
th {
	text-align: left;
}

img,
input {
	vertical-align: middle;
}

a,
input[type="submit"] {
	cursor: pointer;
}

a,
a span {
	text-decoration: none;
}

a:hover,
a:hover span,
a.current {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

a:active,
a:focus {
	outline: none;
}

/* @group images
----------------------------------------------------------------------*/

/* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */

img.centerd {
 display: block;
 margin: 0 auto;
 padding: 12px 0;
}

img.alignright {
 padding: 4px;
 margin: 0 0 4px 12px;
 display: inline;
}

.alignright {
 float:right;
}

.alignleft {
 float: left;
}

/* @end */

/* @group Various Tags &Classes */

.center {
 text-align: center;
}

.left {
 text-align: left;
}

.right {
 text-align: right;
}

.navigation {
 clear: both;
 display: block;
 margin-top: 30px;
 margin-bottom: 30px;
 height: 1.5em;
 font-size: 1.2em;
 text-align: center;
}

/* mailform
----------------------------------------------------------------------*/

/*//////////////////////////////////////////////////*/
/*// 01.ベースの設定                              //*/
/*//////////////////////////////////////////////////*/

p.write {
    margin-top: 20px;
	margin-bottom: 10px;
	text-align:center;
}

table a {
    color:#666;	
}

form#mailform {
	margin: 0px auto 0px auto;
	padding: 0px;
}
form#mailform label {
	cursor: pointer;
	text-decoration: underline;
	display: block;
	padding: 5px 5px;
	margin-bottom: 1px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
label.label_true {
	background-color: #FFFFEE;
	border: solid 1px #CCCCCC;
	text-decoration: none;
}
label.label_false {
	background-color: none;
	border: none;
	text-decoration: underline;
	background-image: none;
}
div#mailfrom_hidden_object {
	width: 1px;
	height: 1px;
	overflow: hidden;
}
div#mailfrom_hidden_object input {
	margin: 10px;
}
div#mfp_closed {
	display: none;
}
div.mfp_disp {
	display: none;
}
div#input_time_disp {
	padding: 10px;
}
div#expires_time_disp {
	padding: 10px;
	text-align: center;
}
div#expires_time_disp strong {
	font-size: 18px;
	color: #CC0000;
}
div#limit_disp {
	padding: 10px;
	text-align: center;
}
div#limit_disp strong {
	font-size: 24px;
	color: #CC0000;
}
img.must {
	width: 30px;
	height: 16px;
	float: left;
	margin: 0px 0px 0px 5px;
}
div.mfp_err {
	text-align: left;
	margin: 5px 0px 0px 0px;
	padding: 3px 0px 5px 17px;
	color: #FF0000;
	font-size: 12px;
	line-height: normal;
	display: none;
	background-image: url(../images/mfp_error.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
}
input.mfp {
	padding: 2px;
}
div#mfp_buttons {
	padding: 0px;
	text-align: center;
}
div#mfp_buttons ul {
	width: 360px;
	height: 60px;
	overflow: hidden;
	margin: 0px auto 0px auto;
}
div#mfp_buttons ul li {
	width: 180px;
	height: 60px;
	overflow: hidden;
	float: left;
}
input#button_mfp_goconfirm {
	width: 180px;
	height: 60px;
	overflow: hidden;
	background-color: #FFFFFF;
	background-image: url(../images/mfp_goconfirm.gif);
	/*text-indent: -5000px;*/
	border: none;
	border-style: none;
	cursor: pointer;
}
input#button_mfp_reset {
	width: 180px;
	height: 60px;
	overflow: hidden;
	background-color: #FFFFFF;
	background-image: url(../images/mfp_reset.gif);
	border: none;
	border-style: none;
	cursor: pointer;
	/*text-indent: -5000px;*/
}
.reset_over {
	background-image: url(../images/mfp_reset_over.gif);
}
.reset_out {
	background-image: url(../images/mfp_reset.gif);
}
.confirm_over {
	background-image: url(../images/mfp_confirm_over.gif);
}
.confirm_out {
	background-image: url(../images/mfp_confirm.gif);
}

/*//////////////////////////////////////////////////*/

/*//////////////////////////////////////////////////*/
/*// 02.テーブルの指定                            //*/
/*//////////////////////////////////////////////////*/

table.mailform {
	width: 100%;
	padding: 10px;
}
table.mailform tr th {
	padding: 7px 0px 7px 0px;
	border-bottom: solid 1px #CCCCCC;
	font-weight: normal;
	font-size: 12px;
	text-align: right;
	width: 160px;
}
table.mailform tr th span {
	font-size: 10px;
	color: #999999;
	display: block;
}
table.mailform tr td {
	padding: 7px 10px 7px 10px;
	border-bottom: solid 1px #CCCCCC;
	font-size: 12px;
}
table.mailform tr td ul li,table.mailform tr td ul,table.mailform tr td ol,table.mailform tr td ol li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
table.mailform tr td ul li {
	float: left;
	padding: 0px 10px 0px 0px;
}
table.mailform tr td p,table.mailform tr td div,table.mailform tr td span {
	clear: both;
}

/*//////////////////////////////////////////////////*/
/*// 04.以下確認画面関連のスタイル                //*/
/*//////////////////////////////////////////////////*/
ul.confirm_layer {
	width: 560px;
	padding: 0px;
	margin: 0px;
}
ul.confirm_layer li {
	width: 560px;
	list-style: none;
	float: left;
	overflow: hidden;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
li.confirm_middle {
	background-image: url(../images/mfp_table_background.png);
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mfp_table_background.png', sizingMethod='scale');
}
li.confirm_top {
	height: 33px;
	background-image: url(../images/mfp_table_top.png);
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mfp_table_top.png', sizingMethod='scale');
}
li.confirm_bottom {
	height: 33px;
	background-image: url(../images/mfp_table_bottom.png);
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mfp_table_bottom.png', sizingMethod='scale');
}
div#disabled_submit {
	width: 1px;
	height: 1px;
	overflow: hidden;
}
div#disabled_submit input {
	margin: 10px;
}
table.infield {
	width: 500px;
	margin: 0px auto 0px auto;
}
table.infield tr th {
	padding: 5px;
	margin: 0px;
	text-align: right;
	font-size: 14px;
	border-bottom: solid 1px #CCCCCC;
	color: #232323;
}
table.infield tr td {
	padding: 5px;
	border-bottom: solid 1px #CCCCCC;
}
table.infield tr td p {
	text-align: left;
	font-size: 12px;
	line-height: 1.5em;
	border-left: solid 2px #CCCCCC;
	padding: 5px 0px 5px 10px;
	margin: 0px;
}
.mfp_color {
	background-color: #E8EEF9;
}
div#confirmWindow {
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
	width: 100%;
	height: 100%;
	margin: 0px;
	overflow: hidden;
	z-index: 1;
	position: fixed!important;
	position/**/:  absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	background-color: #000000;
	font-size: 12px;
	text-align: center;
	_top: expression(
		document.documentElement && document.documentElement.scrollTop  || 
		document.body && body.scrollTop  || 0
		+ 0 + 'px'
	);
}
div#confirmBody {
	width: 1px;
	visibility: hidden;
	position: absolute;
	z-index: 10;
	text-align: center;
	margin: 0px auto 0px auto;
}
div#confirmBody h2 {
	color: #FFFFFF;
	margin: 0px auto 0px auto;
	width: 294px;
	height: 33px;
	padding-top: 10px;
}
div.buttons {
	margin: 0px auto 0px auto;
}

div#twex {
	margin: 0px;
	overflow: hidden;
	z-index: 100;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	text-align: center;
	background-color: #000000;
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	-khtml-opacity: 0.60;
	opacity: 0.60;
}
img#loading_proccess_image {
	position: absolute;
	z-index: 1000;
}
/*//////////////////////////////////////////////////*/

dl.mailform {
	padding: 0px 15px;
}

dl.mailform dt {
	float: left;
	width: 180px;
	clear: both;
	font-size: 12px;
	text-align: right;
	font-weight: normal;
	padding: 5px 0px 0px 0px;
}
dl.mailform dt span {
	display: block;
	font-size: 10px;
	color: #999999;
}
dl.mailform dd {
	padding: 10px 10px 15px 190px;
	border-bottom: solid 1px #CCCCCC;
	font-size: 12px;
}