@charset "utf-8";

/* reset
------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {
	margin:0; padding:0;
	font-weight:normal;
	font-style:normal;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
h1,h2,h3,h4{ font-size:100%; font-weight:normal; }
table { border-collapse:collapse; border-spacing:0; border:0; }
img { border:none; font-size:0; line-height:0; vertical-align:bottom; }
a img { border: none; outline:none; }
ol,ul { list-style:none; }
textarea{ font-size:1em; font-family:"MS PGothic","Osaka",Arial,sans-serif; }

/*===========================================================
    reset.css ver 1.1 [2008/7/2]
    *This document validates as CSS level 3
    *GNU General Public License v3
    *http://higash.net/20080702/reset_css2.html

    Modify YUI Reset CSS, YUI Fonts CSS
    *Copyright (c) 2008, Yahoo! Inc. All rights reserved.
    *http://developer.yahoo.com/yui/license.html

    Modify Formy CSS Form Framework 0.8(beta)
    *GNU General Public License v2
    *http://code.google.com/p/formy-css-framework/
===========================================================*/
/* --FORM RESET-- */
input, textarea { line-height:1.4; padding:0; vertical-align:middle; }
input[type="checkbox"],
input[type="radio"] { vertical-align:text-bottom; }
input[type="submit"] { padding:0.1em; }
select { padding:0; }
/* for IE6 */
* html input{ padding:0.1em; }
* html input.checkbox,
* html input.radio { vertical-align:-0.3em; }
* html input.submit { line-height:1.2; padding-top:0.2em; }
* html select{ vertical-align:-0.2em; }
/* for IE7 */
*+html input { padding:0.1em; }
*+html input.submit { line-height:1.2; padding-top:0.2em; }
*+html select { vertical-align:-0.2em; }
/* for Opera9.27 */
html:first-child input { padding:0.1em; }
html:first-child input[type="checkbox"],
html:first-child input[type="radio"] { vertical-align:middle; }
html:first-child input[type="submit"] { padding:0.3em; }
html:first-child select { padding:0.2em; }
/* for Opera9.5 [Safari3] */
body:first-of-type input { padding:0.1em; }
body:first-of-type input[type="checkbox"],
body:first-of-type input[type="radio"] { vertical-align:-0.3em; }
body:first-of-type input[type="submit"] { padding:0.3em 0.3em 0.2em 0.3em; }
/* for Safari3 */
html:not(:only-child:only-child) input { padding:0; vertical-align:baseline; }
html:not(:only-child:only-child) input[type="checkbox"],
html:not(:only-child:only-child) <span class="hilite">input</span>[type="radio"] { vertical-align:baseline; }
html:not(:only-child:only-child) select { vertical-align:0.1em; }

/* clearfix
------------------------------------------------------------*/
.clear {
	display:block;
	clear:both;
	margin:0px; padding:0px;
	font-size:0.01em;
	overflow: hidden;
	height: 1px;
	line-height: 1px;
}

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



/* Hides from IE-mac \
* html .clearfix { height: 1%; }*/
.clearfix { display: block; }
/* End hides from IE-mac \*/

/* style
------------------------------------------------------------*/
* { font-size: 100%; }

body {
	font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	margin: 0; padding: 5px 0 0 0;
	color: #666;
	font-size: 75%;
	line-height: 140%;
	background: url(../images/bg.jpg) repeat-x;
}

.none{ display: none; }
.b{ font-weight: bold; }
.f10 { font-size: 84%; }
.f14 { font-size: 117%; }
.f16 { font-size: 134%; }
.f18 { font-size: 150%; }
.f20 { font-size: 167%; }

.taC{ text-align: center; }
.taR{ text-align: right; }
.vaM{ vertical-align: middle; }
.vaT{ vertical-align: top; }

.red{ color: #FF0000; }
.blue{ color: #2F5EAB; }

/* Basic link */
a{ vertical-align: 0; overflow: hidden; }
a:link,
a:visited{ color: #0CADE5; text-decoration: none; }
a:hover { color: #2F5EAB; text-decoration: underline; }

/* Gray link */
.grayLink a:link,
.grayLink a:visited{ color: #666; text-decoration: none; }
.grayLink a:hover{ color: #333; text-decoration: underline; }

/* temp layout
------------------------------------------------------------*/

/* header */
#headerWrap{
	width: 800px;
	padding:0 10px;
	margin:0 auto;
	background: url(../images/headwrap.jpg) repeat-y;
}

#header{
	width: 780px;
	margin: 0 auto;
	background: #FFF;
	padding:27px 0 27px 20px;
}

#header h1{	width:440px; float: right; }


/* column */
#contentsWrap{
	width: 800px;
	margin: 0 auto;
	padding:0 10px;
	background: url(../images/contentsbg.jpg) no-repeat;
	font-size: 109%
}

#contentsWrap #contents{
	padding: 20px 0 30px 42px;
	background: url(../images/contentsbg2.gif) repeat-x #FFF;
}

.d_form{
	margin-top:30px;
	margin-bottom:400px;
}
.d_form p{
	font-weight:bold;
	font-size:14px;
	margin-top:5px;
}



#contentsWrap #contents .block .inner td input{
	/*border: solid 1px #CCC;*/
	font-size: 12px;
}

*html #contentsWrap #contents .block .inner td input{
	padding:3px;
}

/*ie7*/
*:first-child+html #contentsWrap #contents .block .inner td input.radio{
	vertical-align: baseline;
}
/*ie6*/
*html #contentsWrap #contents .block .inner td input.radio{
	vertical-align: middle;
}

/*ie8*/
#contentsWrap #contents .block .inner td input.radio{
	vertical-align: middle\9;
}

#contentsWrap #contents .block .inner td input.atCompanyName,
#contentsWrap #contents .block .inner td input.atBranch,
#contentsWrap #contents .block .inner td input.atDivision,
#contentsWrap #contents .block .inner td input.atMail,
#contentsWrap #contents .block .inner td input.atMail2,
#contentsWrap #contents .block .inner td input.atAddress,
#contentsWrap #contents .block .inner td input.atAddress2,
#contentsWrap #contents .block .inner td input.atMemo{ width: 350px; }
#contentsWrap #contents .block .inner td input.atContactName,
#contentsWrap #contents .block .inner td input.atPassword,
#contentsWrap #contents .block .inner td input.atPassword2,
#contentsWrap #contents .block .inner td input.atTel,
#contentsWrap #contents .block .inner td input.atFax{ width: 190px; }
#contentsWrap #contents .block .inner td input.atZip{ width: 80px; }


/*ie8*/
.acceptTxt input.chkbox{
	vertical-align: middle\9;
}


/* footer */
#footWrap{
	background: url(../images/footwrapbg.gif) repeat-x;
	margin:0 auto;
	padding: 31px 0 10px 0;
}

#footWrap #footer{
	width: 800px;
	margin:0 auto;
	padding: 0 0 10px 0;
}

#footWrap #footer #footerL{
	width: 400px;
	padding:50px 0 0 0;
	float:left;
}

#footWrap #footer #footerL .copyright{
	float:left;
}

#footWrap #footer #footerL p{
	padding:10px 0 0 0;
}


#footWrap #footer #footerR{
	width: 300px;
	padding:10px 0 0 0;
	float:right;
	text-align:right;
}

/* term */
#contentsWrap #contents .block p.btm{
	padding:0 0 15px 0;
}


#contentsWrap #contents .block ul{
	padding:10px 0;
}

#contentsWrap #contents .block ul li{
	padding:0 0 0 20px;
	margin:0 0 5px 0;
}

#contentsWrap #contents .block ul li ol{
	padding:10px 0 10px 40px;
}

#contentsWrap #contents .block ul li ol li{
	list-style:decimal;
	padding:0 0 0 0;
	margin:0 0 5px 0;
}