@charset "utf-8";

/*base-------------------------------------------*/

html {
	background: #82B31B;
}

body {
	margin: 0;
	padding: 0;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Verdana;
	font-size: 13px;
	line-height: 140%;
	color: #333333;
	text-align: center;
	background: url(../img/com_i_headback.jpg) no-repeat center top;
}


/*float使用時：親BOXの背景表示 BEGIN--------------------*/
#container:after {
	content: "";
	display: block;
	clear: both;
}
/*float使用時：親BOXの背景表示 END --------------------*/

img{
	border: none;
	margin: 0;
	padding: 0;
	vertical-align:bottom;
}

#container{
	margin: 0 auto;
	padding: 0;
	width: 940px;
}
.space_blk{
    clear:both;
}
.space_bld{
	width:802px;
	height:41px;
    background: url(../img/com_i_bar01.jpg) no-repeat center top;
}
/*-----------------------------------------------*/

/*header----------------------------------------------*/

#header {
	position: relative;
	width: 940px;
	height: 250px;
	padding: 0;
    background: url(../img/com_i_headback.jpg) no-repeat center top;
}

#header h1 {
	position: absolute;
	top: 0px;
	left: 253px;
}

#navi_head {
	height: 60px;
	width: 293px;
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 0px;
	padding: 0px;
}

#navi_head {
	height: 60px;
	width: 293px;
	position: absolute;
	top: 0px;
	right: 0px;
}

#navi_head li {
	list-style:none;
	list-style-type:none;
	float: left;
	text-indent: -10000px;
}

#navi_head li a {
	list-style:none;
	list-style-type:none;
	display: block;
	overflow: hidden;
	height:0 !important;
	height /**/: 60px;
	padding-top: 60px;
	background-image : url(../img/com_i_navi_head.jpg);
	margin: 0px;
}

/* オフマウス */
#navi_head .navi01 a { width: 123px; background-position: 0px 0px; }
#navi_head .navi02 a { width: 170px; background-position: -123px 0px; }


/* オンマウス */
#navi_head .navi01 a:hover { background-position: 0px -60px; }
#navi_head .navi02 a:hover { background-position: -123px -60px; }



#common_navi {
	height: 38px;
	width: 411px;
	position: absolute;
	top: 170px;
	right: 21px;
}

#common_navi li {
	list-style:none;
	list-style-type:none;
	float: left;
	text-indent: -10000px;
}

#common_navi li a {
	list-style:none;
	list-style-type:none;
	display: block;
	overflow: hidden;
	height:0 !important;
	height /**/: 40px;
	padding-top: 40px;
	background-image : url(../img/com_i_headnavi_in.jpg);
	margin: 0px;
}

/* オフマウス */
#common_navi .navi01 a { width: 64px; background-position: 0px 0px; }
#common_navi .navi02 a { width: 117px; background-position: -64px 0px; }
#common_navi .navi03 a { width: 122px; background-position: -181px 0px; }
#common_navi .navi04 a { width: 108px; background-position: -303px 0px; }


/* オンマウス */
#common_navi .navi01 a:hover { background-position: 0px -38px; }
#common_navi .navi02 a:hover { background-position: -64px -38px; }
#common_navi .navi03 a:hover { background-position: -181px -38px; }
#common_navi .navi04 a:hover { background-position: -303px -38px; }


#common_navi2 {
	height: 38px;
	width: 411px;
	position: absolute;
	top: 170px;
	right: 21px;
}

#common_navi2 li {
	list-style:none;
	list-style-type:none;
	float: left;
	text-indent: -10000px;
}

#common_navi2 li a {
	list-style:none;
	list-style-type:none;
	display: block;
	overflow: hidden;
	height:0 !important;
	height /**/: 38px;
	padding-top: 38px;
	background-image : url(../img/com_i_headnavi_out.jpg);
	margin: 0px;
}

/* オフマウス */
#common_navi2 .navi01 a { width: 64px; background-position: 0px 0px; }
#common_navi2 .navi02 a { width: 117px; background-position: -64px 0px; }
#common_navi2 .navi03 a { width: 122px; background-position: -181px 0px; }
#common_navi2 .navi04 a { width: 108px; background-position: -303px 0px; }


/* オンマウス */
#common_navi2 .navi01 a:hover { background-position: 0px -38px; }
#common_navi2 .navi02 a:hover { background-position: -64px -38px; }
#common_navi2 .navi03 a:hover { background-position: -181px -38px; }
#common_navi2 .navi04 a:hover { background-position: -303px -38px; }



#log {
	margin: 0px;
	padding: 0px;
	height: 59px;
	width: 129px;
	position: absolute;
	right: 138px;
	bottom: 95px;
}


/*----------------------------------------------------*/


/*content------------------------------------------*/

#content {
	width: 940px;
	height: auto;
	background: url(../img/com_i_back.jpg) repeat-y center top;
	text-align: center;
}

h2 {
	width: 900px;
	height: 54px;
	margin: 0px 20px 20px;
	background: url(../img/com_t_titleback.jpg) no-repeat left;
	text-align: left;
	font-size: 28px;
	font-weight: bold;
	color: #315675;
	text-indent: 60px;
	padding-top: 40px;
}

* html h2 {
	width: 900px;
	height: 54px;
	margin: 0px 20px 20px;
	background: url(../img/com_t_titleback.jpg) no-repeat left;
	text-align: left;
	font-size: 28px;
	font-weight: bold;
	color: #315675;
	text-indent: 60px;
	padding-top: 22px;
}


.w800 {
	width: 800px;
	margin: 0px auto 20px;
}

* html .w800 {
	width: 800px;
	margin: 0px auto 20px;
}


#content .formtitle{
	width: 200px;
	background: url(../img/com_i_icon.jpg) no-repeat;
	text-align: left;
	font-size: 24px;
	font-weight: bold;
	color: #553926;
	float: left;
	margin: 0px;
	padding: 17px 0px 0px 67px;
	height: 36px;
}

* html #content .formtitle{
	width: 300px;
	height: 51px;
	margin: 0px auto;
	background: url(../img/com_i_icon.jpg) no-repeat;
	text-align: left;
	font-size: 24px;
	font-weight: bold;
	color: #553926;
	padding: 20px 0px 0px 67px;
}

#content .note {
	margin: 20px 0px 0px 60px;
	text-align: left;
	font-size: 14px;
	padding: 0px;
	color: #553926;
	float: left;
}


#content .input{
	text-align: left;
	clear: both;
	margin: 5px 0px 15px 68px;
}

* html #content .input{
	text-align: left;
	clear: both;
	margin: 2.5px 0px 7.5px 68px;
}

#content .input input{
	text-align: left;
	font-size: 22px;
	height: 25px;
	vertical-align: middle;
	color: #533F29;
}

#content .asta {
	text-align: left;
	font-size: 26px;
	font-weight: bold;
	color: #FF3300;
	margin-left: 15px;
	vertical-align: bottom;
}

#content .confirm_text {
	width: 732px;
	font-size: 16px;
	clear: both;
	margin-bottom: 20px;
	margin-left: 68px;
	text-align: left;
}


#content .message {
	width: 780px;
	margin: 0px auto 20px;
	text-align: left;
	border: 1px solid #333333;
	padding: 10px;
}

#content .message p {
	font-size: 16px;
	font-weight: bold;
	color: #333333;
}

#content .n_text {
	width: 800px;
	margin: 0px auto 20px;
	text-align: left;
}

* html #content .n_text {
	width: 780px;
	margin: 0px auto 20px;
	text-align: left;
}


#content .n_text p {
	font-size: 16px;
	color: #333333;
}

#content .error {
	width: 780px;
	margin: 0px auto 20px;
	text-align: left;
	border: 1px solid #FF3300;
	padding: 10px;
}

#content .error p {
	font-size: 16px;
	font-weight: bold;
	color: #FF3300;
}

#taglist {
	width: 740px;
	margin: 0px auto 20px;
	position: relative;
	padding: 17px 30px;
	background: url(../img/com_i_listback.jpg) no-repeat;
	min-height: 155px;
	height: auto !important;
	height: 155px;
}

#taglist .tagtitle{
	font-size: 18px;
	color: #663300;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

#taglist .jikan{
	font-size: 12px;
	color: #663300;
	margin-left: 5px;
}

#taglist .k_input{
	margin-left: 16px;
}

#taglist .k_input input{
	text-align: left;
	font-size: 20px;
	height: 22px;
	vertical-align: middle;
	color: #533F29;
}
#table740 {
	width:740px;
	border:0;
	
}
#table310 {
    width:310px;
    border:0;
    
}
.width132{
	width:132px;
}
.width86{
    width:86px;
}

#content .result_ok  {
	background: url(../img/com_i_result_yes.jpg) no-repeat left top;
	height: 230px;
	width: 800px;
	margin: 0px auto 20px;
	text-align: left;

}

#content .result_ok p {
	height: 171px;
	width: 334px;
	text-align: left;
	padding-top: 29px;
	margin: 0px 382px 0px 84px;
}

* html #content .result_ok p {
	height: 171px;
	width: 334px;
	text-align: left;
	margin: 0px 382px 0px 84px;
}

#content .result_ng  {
	background: url(../img/com_i_result_no.jpg) no-repeat left top;
	height: 230px;
	width: 800px;
	margin: 0px auto 20px;
	text-align: left;

}

#content .result_ng p {
	height: 171px;
	width: 334px;
	text-align: left;
	padding-top: 29px;
	margin: 0px 382px 0px 84px;
}

* html #content .result_ng p {
	height: 171px;
	width: 334px;
	text-align: left;
	margin: 0px 382px 0px 84px;
}



/*---------------------------------------------------*/

/*Q&A------------------------------------------*/

.question {
	background: url(../img/qa_i_qback.jpg) no-repeat left top;
	min-height: 50px;
	height: auto !important;
	height: 50px;
	margin-bottom: 7px;
}

.question p{
	width: 666px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin-left: 67px;
	color: #336699;
}

.answer {
	background: url(../img/qa_i_aback.jpg) no-repeat left top;
	min-height: 50px;
	height: auto !important;
	height: 50px;
	margin-bottom: 55px;
}

.answer p{
	width: 689px;
	font-size: 14px;
	text-align: left;
	margin-left: 111px;
}

/*---------------------------------------------------*/




/*copyright------------------------------------------*/

#copyright {
	clear: both;
	position: relative;
	height: 100px;
	width: 940px;
	margin: 0px;
	padding: 0;
	background: #82B31B url(../img/com_i_foot.jpg) no-repeat top;
}

#copyright .w3c_html {
	position: absolute;
	margin: 0;
	padding: 0;
	left: 25px;
	top: 40px;
}

#copyright .w3c_css {
	position: absolute;
	margin: 0;
	padding: 0;
	left: 120px;
	top: 40px;
}

#copyright .copy {
	position: absolute;
	margin: 0;
	padding: 0;
	right: 25px;
	top: 40px;
	font-size: 12px;
	color: #FFFFFF;
}
#copyright .copy a{
	   color: #FFFFFF;
}
#copyright .copy a:hover{
       color: #FFFFFF;
}
/*---------------------------------------------------*/

#naviframe {
	margin: 0px auto;
	padding: 0px;
	width: 900px;
	clear: both;
}

#navi {
	height: 129px;
	width: 900px;
}

#navi li {
	list-style:none;
	list-style-type:none;
	float: left;
	text-indent: -10000px;
}

#navi li a {
	list-style:none;
	list-style-type:none;
	display: block;
	overflow: hidden;
	height:0 !important;
	height /**/: 130px;
	padding-top: 130px;
	background-image : url(../img/top_i_list.jpg);
	margin: 0px;
}

/* オフマウス */
#navi .navi01 a { width: 455px; background-position: 0px 0px; }
#navi .navi02 a { width: 445px; background-position: -445px 0px; }


/* オンマウス */
#navi .navi01 a:hover { background-position: 0px -130px; }
#navi .navi02 a:hover { background-position: -445px -130px; }


#navi2 {
	height: 129px;
	width: 900px;
}

#navi2 li {
	list-style:none;
	list-style-type:none;
	float: left;
	text-indent: -10000px;
}

#navi2 li a {
	list-style:none;
	list-style-type:none;
	display: block;
	overflow: hidden;
	height:0 !important;
	height /**/: 130px;
	padding-top: 130px;
	background-image : url(../img/top_i_list2.jpg);
	margin: 0px;
}

/* オフマウス */
#navi2 .navi01 a { width: 455px; background-position: 0px 0px; }
#navi2 .navi02 a { width: 445px; background-position: -445px 0px; }


/* オンマウス */
#navi2 .navi01 a:hover { background-position: 0px -130px; }
#navi2 .navi02 a:hover { background-position: -445px -130px; }