* {
	margin: 0px auto;
	padding: 0px;
	font-size: 100%;
}

html {
	height:100%;
}

body > #wrapper {
	height:auto;
}


body {
	font-size: 75%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.5;
	color: #666;
	/* background-color: #00adc5; /*元*/
	height: 100%;
}

body.original { background-color: #00adc5; /*元*/ }

body.spring { background-color: #ff7f8f; /*春*/ }
body.summer { background-color: #5bacd7; /*夏*/ }
body.autumn { background-color: #865c4b; /*秋*/ }
body.winter { background-color: #eb8400; /*冬*/ }

strong {
	font-weight: 100;
}
em {
	font-style: normal;
}
img {
	border: none;
}
a:link{
	color: #1155bb;
	text-decoration: none;
}
a:visited{
	color: #3399cc;
	text-decoration: none;
}
a:hover,a:active{
	color: #ff6633;
	text-decoration: none;
}

.red {
	color: #f34648;
}
.green {
	color: #669933;
}
.bold {
	font-weight: bold;
}

#wrapper {
	position: relative;
	width: 800px;
	/* background-image: url(images/body_bg.jpg); /*元*/
	background-repeat: repeat-y;
	height: 100%;
	min-height: 100%;
}

div.original { background-image: url(images/body_bg.jpg); /*元*/ }
div.winter { background-image: url(images/body_bg_win.png); /*冬*/ }
div.spring { background-image: url(images/body_bg_spr.png); /*春*/ }
div.summer { background-image: url(images/body_bg_sum.png); /*夏*/ }
div.autumn { background-image: url(images/body_bg_aut.png); /*秋*/ }

/*ヘッダ
------------------------*/
#header {
	width: 700px;
	height: 186px;
	background-image: url(images/top.jpg);
	background-repeat: no-repeat;
}


#header h1 span{
	display: none;
}

#header h1 a {
	width: 700px;
	height: 186px;
	display: block;
}


/*コンテンツ
------------------------*/
#contents {
	float: center;

	width: 800px;

	overflow: auto !important;
	overflow /**/: hidden;
}

/*サブコンテンツ
------------------------*/
#subcontents {
	float: left;

	width: 222px;

	padding: 0px 20px 20px 50px;
}


#navi li {
	background-image: url(images/menu_bg.jpg);
	background-repeat: no-repeat;
	list-style: none;

	height: 44px;
	padding-left: 30px;
}


#navi a {
	display: block;
	width: 100%;
	color: #fff;
	background-image: url(images/menu.jpg);
	background-repeat: no-repeat;

	overflow: hidden; /*IE*/

	height: 0　!important;
	height /**/ : 0px;
	padding-top: 33px;
}

	#navi01 a { background-position : 0px 0px;}
	#navi02 a { background-position : 0px -33px;}
	#navi03 a { background-position : 0px -66px;}
	#navi04 a { background-position : 0px -99px;}
	#navi05 a { background-position : 0px -132px;}
	#navi06 a { background-position : 0px -165px;}
	#navi07 a { background-position : 0px -198px;}
	
	#navi01 a:hover { background-position : -192px 0px;}
	#navi02 a:hover { background-position : -192px -33px;}
	#navi03 a:hover { background-position : -192px -66px;}
	#navi04 a:hover { background-position : -192px -99px;}
	#navi05 a:hover { background-position : -192px -132px;}
	#navi06 a:hover { background-position : -192px -165px;}
	#navi07 a:hover { background-position : -192px -198px;}


#submenu_top {
	background-image: url(images/submenu_top.jpg);
	height: 88px;

}

#submenu_bottom {
	background-image: url(images/submenu_bottom.jpg);
	height: 50px;
}


#submenu li {
	background-image: url(images/submenu_bg.jpg);
	background-repeat: no-repeat;
	list-style: none;

	height: 22px;
	padding-left: 30px;
}

#submenu a {
	display: block;
	width: 100%;
	color: #;
	background-image: url(images/submenu.jpg);
	background-repeat: no-repeat;

	overflow: hidden; /*IE*/

	height: 0　!important;
	height /**/ : 0px;
	padding-top: 22px;

}

	#submenu01 a { background-position : 0px 0px;}
	#submenu02 a { background-position : 0px -22px;}
	#submenu03 a { background-position : 0px -44px;}
	#submenu04 a { background-position : 0px -66px;}
	#submenu05 a { background-position : 0px -88px;}
	#submenu06 a { background-position : 0px -110px;}
	#submenu07 a { background-position : 0px -132px;}
	#submenu08 a { background-position : 0px -154px;}
	
	#submenu01 a:hover { background-position : -192px 0px;}
	#submenu02 a:hover { background-position : -192px -22px;}
	#submenu03 a:hover { background-position : -192px -44px;}
	#submenu04 a:hover { background-position : -192px -66px;}
	#submenu05 a:hover { background-position : -192px -88px;}
	#submenu06 a:hover { background-position : -192px -110px;}
	#submenu07 a:hover { background-position : -192px -132px;}
	#submenu08 a:hover { background-position : -192px -154px;}


#contact address {
	background-image: url(images/contact_bg.jpg);
	background-repeat: no-repeat;
	list-style: none;

	height: 55px;
	padding-left: 30px;

}

#contact a {
	display: block;
	width: 100%;
	color: #;
	background-image: url(images/contact.jpg);
	background-repeat: no-repeat;

	height:38px;
}

#contact a span {
	display: none;
}



/*メインコンテンツ
------------------------*/
#maincontents {
	float: right;
	width: 600px;
	padding: 0px 40px 20px 20px;
}

/*メインコンテンツ　見出し2
------------------------*/
#maincontents h2 {
	background-image: url(images/catchcopy2.jpg);
	background-repeat: no-repeat;
	height: 227px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#maincontents h2 span {
	display: none;
}


/*バナー
------------------------*/
#maincontents h2#banner1 {
	background-image: url(images/topbanner1.png);
	background-repeat: no-repeat;
	height: 142px;
	margin-bottom: 0px;
}
#maincontents h2#banner1 a {
	display: block;
	height: 142px;
}
#maincontents h2#banner2 {
	background-image: url(images/topbanner2.png);
	background-repeat: no-repeat;
	height: 142px;
	margin-bottom: 20px;
}
#maincontents h2#banner2 a {
	display: block;
	height: 142px;
}

/*メインコンテンツ　見出し3
------------------------*/
#maincontents h3 {
	margin-bottom: 1em;
}

#maincontents h3 span {
	display: none;
}


/*メインコンテンツ　見出し4
------------------------*/
#maincontents h4 {
	font-size: 125%;
	font-weight: normal;
	line-height:125%;

	color: #669933;
	border-left: 5px solid #b5eb7b;
	padding: 0 0.5em;
	margin-bottom: 1em;
}

/*メインコンテンツ　段落
------------------------*/
#maincontents p,
#maincontents ol,
#maincontents ul {
	margin-left: 0em;
	margin-bottom: 1em;
	line-height: 2.0;
}
#maincontents ol ol {
	margin-left: 2em;
}




/*イメージ配置（回り込み）
------------------------*/
.image-left {
	float: left;
	margin: 0 1em 0.25em 0;
}
.image-right {
	float: right;
	margin: 0 0.25em 1em;
}
.image-center {
	text-align: center;
	margin: 0 auto 1em;
}

/*bullet
------------------------*/
.arrow {
	font-weight: bold;
	background-image: url(images/arrow_blue.gif);
	background-repeat: no-repeat;
	background-position: center left;
	margin: 0.5em 0 0.5em 1em;
	padding-left: 16px; 
}

.dot {
	font-weight: bold;
	background-image: url(images/arrow_dot.gif);
	background-repeat: no-repeat;
	background-position: center left;
	margin: 0.5em 0 1em 1em;
	padding-left: 16px; 
}

.checked {
	font-size: 125%;
	color: #333;
	background-image: url(images/checked_orange.gif);
	background-repeat: no-repeat;
	background-position: center left;
	margin: 0.5em 0 0.5em 0;
	padding-left: 16px; 
}

.step {
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: center left;
	margin: 0 0 0 1em;
	padding: 3px 10px 3px 88px;
}

.email {
	font-weight: bold;
	background-image: url(images/email.gif);
	background-repeat: no-repeat;
	margin: 0.5em 0 0.5em 1em;
	padding-left: 14px; 
}
.box {
	background-color: #dcf0f0;
}
.boxtop {
	background: url(images/corner_cyan_ne.gif) no-repeat top right;
	margin :px;
}
.boxtop div {
	background: url(images/corner_cyan_nw.gif) no-repeat top left;
	height: 10px;
}
.boxbottom {
	background: url(images/corner_cyan_se.gif) no-repeat bottom right;
	margin :px;
}
.boxbottom div {
	background: url(images/corner_cyan_sw.gif) no-repeat bottom left;
	height: 10px;
}

.box2 {
	background-color: #f3f4f5;
}
.boxtop2 {
	background: url(images/corner_gray_ne.gif) no-repeat top right;
	margin :px;
}
.boxtop2 div {
	background: url(images/corner_gray_nw.gif) no-repeat top left;
	height: 10px;
}
.boxbottom2 {
	background: url(images/corner_gray_se.gif) no-repeat bottom right;
	margin :px;
}
.boxbottom2 div {
	background: url(images/corner_gray_sw.gif) no-repeat bottom left;
	height: 10px;
}

.boxcontent {
	padding: 0px 10px 0px 10px;
}



.next{
	background: url(images/arrow_bottom.gif) no-repeat center;
	height: 8px;
}



/*フォームとテーブル
------------------------*/
table {
	border-top: 1px solid #ccd1d6;
	border-bottom: none;
	border-left: none;
	border-right: none;
	font-size: 100%;
	width: 100%;
	border-collapse: collapse;
}

td {
	border-top: none;
	border-bottom: 1px solid #ccd1d6;
	border-left: none;
	border-right: none;
	padding: 1em;
}

th {
	border-top: none;
	border-bottom: 1px solid #ccd1d6;
/*	border-left: 5px solid #ccd1d6; */
	border-right: none;
	background-color: #f3f4f5;
	font-weight: normal;
	padding: 1em;
/*	width: 20%; 変なら個別指定する*/
}

th.must {
	border-left-color: #d94040;
}

th em {
	font-style: normal;
	color: red;
	padding-left: 5px;
}
.text1 {
	width: 94%;
	background-color: #f3f4f5;
	border: 1px solid #ccd1d6;
	padding: 2px;
	word-break: break-all;
}
.text1:focus {
	border: 1px solid #ff3366;
}

.text2 {
	width : 4em;
	background-color: #f3f4f5;
	border: 1px solid #ccd1d6;
	padding: 2px;
}
.text2:focus {
	border: 1px solid #ff3366;
}

.select {
	width: 5em;
}

.submit {
	text-align: center;
	margin-top: 20px;
}

.error {
	border-bottom: 1px solid #ccd1d6;
	background: #ffe9e9;
}

div.error {
	border: 1px solid #d94040;
	margin-top: 3em;
	margin-bottom: 1em;
	padding: 0.5em 1em;
	color: red;
}


form th { width:25%; }
form textarea { width:94%; }


#underconstruction {
	text-align: center;
	padding: 2em 0;
}




/*テキスト画像置換
------------------------*/
.emph {
	background-repeat: no-repeat;
	padding-bottom:10px;

}
#emph01{
	background-image: url(images/h3-01.gif);
	height:38px;
}
#emph02{
	background-image: url(images/h3-02.gif);
	height:32px;
}
#emph03{
	background-image: url(images/h3-03.gif);
	height:32px;
}
#emph04{
	background-image: url(images/h3-04.gif);
	height:32px;
}
#emph05{
	background-image: url(images/h3-05.gif);
	height:32px;
}
#emph06{
	background-image: url(images/h3-06.gif);
	height:32px;
}
#emph07{
	background-image: url(images/h3-07.gif);
	height:32px;
}
#emph08{
	background-image: url(images/h3-08.gif);
	height:32px;
}
#emph09{
	background-image: url(images/h3-09.gif);
	height:32px;
}
#emph10{
	background-image: url(images/h3-10.gif);
	height:32px;
}
#emph11{
	background-image: url(images/h3-11.gif);
	height:32px;
}
#emph12{
	background-image: url(images/h3-12.gif);
	height:32px;
}
#emph13{
	background-image: url(images/h3-13.gif);
	height:32px;
}
#emph14{
	background-image: url(images/h3-14.gif);
	height:32px;
}
#emph15{
	background-image: url(images/h3-15.gif);
	height:32px;
}
#emph16{
	background-image: url(images/h3-16.gif);
	height:32px;
}
#emph17{
	background-image: url(images/h3-17.gif);
	height:32px;
}
#emph18{
	background-image: url(images/h3-18.gif);
	height:32px;
}
#emph19{
	background-image: url(images/h3-19.gif);
	height:32px;
}
#emph20{
	background-image: url(images/h3-20.gif);
	height:32px;
}
#emph21{
	background-image: url(images/h3-21.gif);
	height:32px;
}

#copyright {
	clear: both;
	background-image: url(images/copyright.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 44px;

	padding-bottom: 40px;
}
#copyright p {
	display: none;
}



#qa li {
	list-style:none;
	background-image: url(images/q_pink.gif);
	background-repeat: no-repeat;
	background-position: center left;
	margin-left: 2em;
	padding-left: 16px;

	line-height: 1.5;
	margin-bottom: 0.5em;

}

#qa .q {
	background-image: url(images/q_pink.gif);
	background-repeat: no-repeat;
	background-position: center left;
	margin-left: 2em;
	padding-left: 16px;
}

#qa .qprev a {
	display: block;
	background-image: url(images/q_prev.gif);
	background-repeat: no-repeat;
	background-position: center left;
	margin: 1em 0 1em 2em;
	padding-left: 76px;
}
#qa .qprev span {
	display: none;
}

#qa .qnext a {
	display: block;
	background-image: url(images/q_next.gif);
	background-repeat: no-repeat;
	background-position: center left;
	margin: 1em 0 1em 2em;
	padding-left: 76px;
}
#qa .qnext span {
	display: none;
}

#qa .qback a {
	display: block;
	background-image: url(images/q_back.gif);
	background-repeat: no-repeat;
	margin: 2em auto;
	height:16px;
	width:72px;
}
#qa .qback span {
	display: none;
}


#sitemap li {
	margin-left: 3em;
}


.stprev a {
	float:left;
	display: block;
	background-image: url(images/staff_prev.gif);
	background-repeat: no-repeat;
	margin: 2em 0 1em 1em;
	height: 16px;
	width: 106px;
}
.stprev span {
	display: none;
}

.stnext a {
	float:right;
	display: block;
	background-image: url(images/staff_next.gif);
	background-repeat: no-repeat;
	margin: 2em 1em 1em 0;
	height: 16px;
	width: 106px;
}
.stnext span {
	display: none;
}

.stback a {
	clear: both;
	display: block;
	background-image: url(images/staff_back.gif);
	background-repeat: no-repeat;
	margin: 0 auto 1em;
	height:16px;
	width:73px;
}
.stback span {
	display: none;
}

#sc_li {
	list-style:none;
	margin-left: 2em;
	padding-left: 16px;
	line-height: 1.5;
	margin-bottom: 0.5em;
}

.information {
	line-height: 1.3em;
	margin-left: 0.3em;
}

#inf_ul {
	list-style:none;
}