
#wrapper {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

a img {
	border:none
}


#wrapper #header {
	width: 990px;
	margin-right: auto;
	margin-left: auto;
}

#wrapper #header #logo {
	float: left;
	width: 241px;
	line-height: 170px;
}

#wrapper #header h1 {
	width: 427px;
	margin-left: 17px;
	float: left;
	margin-top: 8px;
}

#wrapper #header #oterbtn {
	float: right;
	width: 275px;
	margin-top: 9px;
	text-align:right
}
#oterbtn a{
	margin-right:5px;
	}


#wrapper #container {
	width: 1000px;
	margin-top: 16px;
	margin-right: auto;
	margin-left: auto;
}
#wrapper #contents_area,#wrapper #contents_area_vps {
	background: #FFF;
	width: 1000px;
	min-height:600px;
	padding: 0px 0 18px;
	margin:0 auto;
	position:relative;
}

#wrapper #contents_area h2,#wrapper #contents_area_vps h2 {
	background: url(/common_img/h2_bg02.jpg) no-repeat;
	padding: 40px 18px 0px 18px;
	height: 60px;
	width: 954px;
	font-size: 26px;
	color: #FFF;
}#wrapper #contents_area h2,#wrapper #contents_area_vps h2.l2 {
	background: url(/common_img/h2_bg02.jpg) no-repeat;
	padding: 12px 18px 0px 18px;
	height: 88px;
	width: 1000px;
	font-size: 26px;
	color: #FFF;
}
#wrapper #contents_area h2,#wrapper #contents_area_vps h2.l2 span{

	font-size: 16px;
	color: #FFF;
}
.mb20{margin-bottom:20px}



#wrapper #header h1 p {
	font: bold 10px "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #FFF;
	margin-top: 7px;
	vertical-align: 120%;
	display:inline
}





#wrapper #header h1 img {
	margin-top: 12px;
}
#contents_area #contents,#contents_area_vps #contents,.threeccal954,twocal954 {
	width: 1000px;
}

ul li {
	list-style: none;
}

ol li {
	margin-left: 30px;
}

#rightcontents #rightcontents_header .contents ul li {
	font-size: 16px;
	line-height: 150%;
	font-weight: bold;
	background: url(/common_img/icon_q.gif) no-repeat;
	list-style: none;
	padding-left: 43px;
	padding-bottom: 12px;
	border-bottom: 1px dashed #999;
	padding-top: 7px;
	margin-bottom:15px
}
#rightcontents #rightcontents_header .contents ul {
	margin-top: 16px;
	margin-bottom: 16px;
	margin-left: 16px;
	width: 92%;
}




#contents_area #contents #leftmenu .contents, #contents_area_vps #contents #leftmenu .contents {
	background: url(/common_img/cat_title.jpg) no-repeat;
		padding-top:20px;
	padding-left:20px;
	padding-right:15px;
}
/*#contents_area #contents #leftmenu,#contents_area_vps #contents #leftmenu {
	float:left;
	margin-right:15px;

	width: 249px;
}*/

#contents_area #contents #leftmenu_header,#contents_area_vps #contents #leftmenu_header {background: url(/common_img/cat_center.jpg) repeat-y;



	width: 249px;
}
#contents_area #contents #rightcontents .contents,#contents_area_vps #contents #rightcontents .contents {
	background: url(/common_img/key_title.jpg) no-repeat;
	padding-top:20px;
	padding-left:24px;
	padding-bottom:12px
}
#contents_area #contents #rightcontents,#contents_area_vps #contents #rightcontents {
	float: right;
	width: 690px;
	margin-bottom:30px
}
#contents_area #contents #rightcontents_header,#contents_area_vps #contents #rightcontents_header {
	background: url(/common_img/contents_center.jpg) repeat-y;
	width: 690px;
}


/*footer*/
#footer #footer_pagetop {
	width: 990px;
	margin-right: auto;
	margin-left: auto;
	text-align:right;
	font-family: Arial, Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}

#footer #footer_pagetop a{
	border:solid #666666 1px;
	padding: 3px;
	color:#666666;
}

#footer #footer_pagetop a:hover{
	border:solid #333333 1px;
	color:#dddddd;
	background-color:#666666 ;
}

#footer #footer_servce {
	background: url(/common_img/bg_footer_service.gif) repeat-x;
	height: 54px;
}

#footer #footer_servce ul, #footer #footer_contents .contents{
	width: 990px;
	margin-right: auto;
	margin-left: auto;
}

#footer #footer_servce ul li {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 20px;
	background: url(/common_img/arrow_blue.gif) no-repeat 0px 5px;
	padding-left: 12px;
}
#footer #footer_contents .contents dl dd {
	display: inline;
	background: url(/common_img/arrow_white.gif) no-repeat 0px 3px;
	padding-left: 12px;
	margin-right:12px;
	margin-left:12px
}

#footer #footer_contents .contents dl dt {
	font-weight: bold;
	background: url(/common_img/arrow.gif) no-repeat 0px 3px;
	padding-left: 15px;
	margin-top:14px;
	margin-bottom:3px;
}
#footer #footer_contents .contents dl {
	margin-top: 12px;
}
#footer #credit {
	text-align: center;
	margin-top: 7px;
	margin-bottom: 14px;
}

#footer #credit ul li {
	font-size: 10px;
	list-style: none;
	display: inline;

}
#footer a {
	color:#FF9;
	text-decoration:none

}
#footer_servce a{
	color:#C6C;
	text-decoration:none
}




.orenge {
	color: #ff8a00;
}

#footer #footer_contents {
	background: #0580fe;
	color: #FFF;
}
#footer #footer_contents .contents{

	padding-top:25px;
	padding-bottom:25px}
#leftmenu_header .contents select {
	margin-top: 12px;
	margin-left: 16px;
	margin-bottom:8px
}
#itiran {
	padding: 4px 4px 0px 16px;
	margin-top: 3px;
	background:  url(/common_img/arrow_blue.gif) no-repeat 0px 9px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	border-top: 1px #96BAC6;
	border-right: 1px #96BAC6;
	border-bottom: 1px #96BAC6;
	border-left: 1px #96BAC6;
}



.keyword {
	margin-top: 16px;
	margin-bottom: 16px;
	width: 500px;
	font-size:14px;
	height:20px
}

form img {
	vertical-align: middle;

}

.searchbtn {
	vertical-align: middle;
}
#errorMess{
	margin-top:15px;
	font-size:16px;
	color:#C00;
	margin-left:24px}

#rightcontents #rightcontents_header .contents .question li {
	font-size: 16px;
	line-height: 150%;
	font-weight: bold;
	background: url(/common_img/icon_q.gif) no-repeat;
	list-style: none;
	padding-left: 43px;
	padding-bottom: 12px;
	border-bottom: 3px solid #c85f58;
	padding-top: 7px;
	margin-bottom:15px
}
#rightcontents #rightcontents_header .contents .answer li {
	font-size: 12px;
	line-height: 150%;
	font-weight:normal;
	background: url(/common_img/icon_a.gif) no-repeat 0px 7px;
	list-style: none;
	padding-left: 43px;
	padding-bottom: 12px;
	margin-bottom:15px;
	margin-top:-7px;
	vertical-align: text-top;
}
#rightcontents #rightcontents_header .contents ul.question {

	margin-bottom:8px;
	vertical-align: text-top;
}
#rightcontents #rightcontents_header .contents ul.answer {

	margin-top:0px;
	vertical-align: text-top;
}


#rightcontents_header .contents .categoly {
	background: url(../common_img/cat_bg.gif);
	height: 23px;
	width: 613px;
	margin-left: 15px;
		margin-top: 7px;


}
#rightcontents_header .contents .categoly p{
	margin-top: 7px;
	padding-left: 10px;
	font-size:10px
}


/*contents*/
h3 {
	background:url(/common_img/h3_bg.gif) no-repeat right top;/*背景画像を右端から置く*/
	height:34px;/*背景画像の高さを指定*/
	line-height:34px/*背景画像の高さを指定*/;
	width:100%;
	font-size:18px;
	max-width:1000px;/*作成した背景画像の横幅*/
	margin-bottom:18px;
	background-size: contain;
/*	text-indent:20px;
*/}
h3 span{
	display:block;/*ブロック化*/
	background:url(/common_img/h3_bg.gif) no-repeat left top;/*背景画像を右端から置く*/
	padding-left:22px;
	height:34px;/*背景画像の高さを指定*/
	line-height:34px/*背景画像の高さを指定*/;
	max-width:954px;/*作成した背景画像の横幅*/
	letter-spacing:1px;
margin-right:15px;/*親要素h1の背景の右端を見せるため*/
padding-left:22px;/*右端の隙間とあわせるため*/
}
	h3 span a.details{
		float: right;
		line-height:24px;
		font-size:12px;
		-moz-border-radius:15px;
		-webkit-border-radius:15px;
		border-radius:5px;
		margin-top: 5px;
		padding:0px 20px;
		text-decoration:none;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffa23e), color-stop(100%, #ff7d00) );
		background:-moz-linear-gradient( center top, #ffa23e 5%, #ff7d00 100% );
		background:-ms-linear-gradient( top, #ffa23e 5%, #ff7d00 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa23e', endColorstr='#ff7d00');
		background-color:#ffa23e;
		color:#fff;
		font-weight: bold;
		display:inline-block;
		text-shadow:1px 1px 0px #ff7d00;
/*		-webkit-box-shadow: 1px 3px 3px rgba(0,0,0,0.3);
		-moz-box-shadow: 1px 3px 3px rgba(0,0,0,0.3);
		box-shadow: 1px 3px 3px rgba(0,0,0,0.3);*/
		}
	h3 span a.details:hover{
		background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ff7d00), color-stop(100%, #ffa23e) );
		background:-moz-linear-gradient( center top, #ff7d00 5%, #ffa23e 100% );
		background:-ms-linear-gradient( top, #ff7d00 5%, #ffa23e 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7d00', endColorstr='#ffa23e');
		background-color:#ff7d00;
	}

#pankuzu{
	font-size:12px;
	margin:18px 0;
	width:720px;
	}

h4{
	width:98%;
	border-left: 5px solid #027efe;
	padding-bottom: 1px;
	border-bottom: 1px dotted #CCC;
	font-size:14px;
	font-weight:600;
	margin-bottom:12px;
	padding-left:3px
	}
.twocal954 #leftmenu
{
	float:right;
	width: 215px;
	margin-right:45px;

}
.twocal954 #leftmenu #menu {
	border-right: 1px solid #d3d3d3;
	border-left: 1px solid #d3d3d3;
}


#leftmenu #menu ul li {
	background: url(/common_img/arrow_orange.gif) no-repeat 0px 8px;
	padding-left: 14px;
	border-bottom: 1px dotted #d3d3d3;
	padding-bottom: 2px;
	padding-top: 5px;
	list-style: none;
}
#leftmenu #menu ul li ul li{
	background: url(/common_img/arrow_blue.gif) no-repeat 0px 8px;
	padding-left: 14px;
	border-bottom: 1px dotted #d3d3d3;
	padding-bottom: 2px;
	padding-top: 5px;
	list-style: none;
}
#leftmenu #menu ul li .pdf{
	background: url(/common_img/li_pdf.gif) no-repeat 0px 8px;
	padding-left: 14px;
	border-bottom: 1px dotted #d3d3d3;
	padding-bottom: 2px;
	padding-top: 5px;
	list-style: none;
}
#planname {
	background: url(/common_img/plan_name.gif) no-repeat;
	height: 17px;
	padding-left: 60px;
}

#auth {
	background: url(/common_img/taisyoukengen.gif) no-repeat;
	height: 17px;
	padding-left: 60px;
}

p#auth {
	margin-top: 10px;
}
h5 {
	font-size: 12px;
	font-weight: 600;
	color: #666;
	margin-bottom: 5px;
	margin-top: 0px;
}

.roundframe .link{
	background: none;
}

.roundframe .link ul li {
	background: url(/common_img/arrow_orange.gif) no-repeat 0px 3px;
	padding-left: 16px;
	list-style: none;
	float: left;
	margin-left: 12px;
	margin-right: 26px;
}



#leftmenu #menu ul {
	margin-left: 10px;
	margin-top: 0px;
}

.twocal954 #right_contents {
	float: left;
	width: 720px;
	margin-right:15px;
	overflow:hidden;
}

#leftmenu #menu h4 {
	font-size: 12px;
	font-weight: 400;
	color: #FFF;
	background: url(/common_img/leftmenu_bg.gif) repeat-x;
	height: 20px;
	width: 205px;
	border-style: none;
	margin-bottom:0px;
	margin-top:7px;
	padding-left: 8px;
}

#leftmenu #menu h4 a{
	color: #fff;
}



.roundframe div {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-opera-border-radius: 5px;
	margin: 0 auto 10px;
	width: 95%;
	padding: 16px 16px
}

.roundframe .plan {
	background-color: #ececec;
}
.roundframe .link {
	background-color: #fff;
	border: 1px solid #ececec;
	padding-top: 9px;
	padding-bottom: 30px;
}

#contents_area h2 {
	background: url(none);
}


/*index関連*/
#wrapper #container #contents_area h2 {
	background: url(none);
	padding:0px;
	height:auto;
	margin-right: auto;
	margin-left: auto;
	width:954px
}
#contents .supportmenu {
	width: 916px;
	margin-top: 48px;
	margin-right: auto;
	margin-left: auto;
}
.supportmenu h3 {
	background: url(none);
	border-style: none;
	margin-bottom:3px;

}

.supportmenu ul li {
	background: url(/common_img/arrow_orange.gif) no-repeat 0px 3px;
	padding-left: 16px;
	list-style: none;
}

.supportmenu #menu_left ul {
	margin-left: 60px;
	margin-top:24px
}
.supportmenu #menu_right ul {
	margin-left: 72px;
	margin-top:24px
}

.supportmenu  ul li a {
	list-style: none;
	border-style: none;
	text-decoration: none;
}

.supportmenu #menu_left {
	float: left;
	width: 438px;
	margin-right: 40px;
}
.supportmenu #menu_right {
	float: right;
	width: 438px;
}
#menu_right ul {
	margin-left: 25px;
}

.supportmenu ul{
	margin-left: 25px;
}

#wrapper #contents_area {
	background: #FFF;
	width: 954px;
	padding: 0px 18px 18px;
	margin-right: auto;
	margin-left: auto;

}
.supportmenu ul li ul li {
	background: url(/common_img/arrow_blue.gif) no-repeat 0px 6px;
	margin-left: 0px;
	padding-left: 15px;
}
.supportmenu ul li ul {

	margin-left: 0px;
}

a[target="_blank"] {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("/common_img/targetblank.gif");
    background-origin: padding-box;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto auto;
    padding-right: 15px;
}
a[target="_blank"].nobg{
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("/common_img/sp.gif");
    background-origin: padding-box;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto auto;
    padding-right: 0px;
}
a[target="pdf"] {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("/common_img/pdf.gif");
    background-origin: padding-box;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto auto;
    padding-right: 15px;
}
.txt-border {
	border: solid #dddddd 1px;
	padding:20px;
	margin-bottom:20px;
}
.base-gray {
	background:#f1f2f2;
	padding:10px;
	margin-bottom:20px;
}

div.article dl dt {
	padding:10px 10px 0px;
	font-weight:bold;
}
div.article dl dd {
	padding:0px 20px 10px;
	border-bottom: dashed #dddddd 1px;
}



div.infolink{
	text-align: right;
	margin: 30px 20px 0;
}
div.infolink a{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:9px 50px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #1567b3), color-stop(100%, #183c6a) );
	background:-moz-linear-gradient( center top, #1567b3 5%, #183c6a 100% );
	background:-ms-linear-gradient( top, #1567b3 5%, #183c6a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1567b3', endColorstr='#183c6a');
	background-color:#1567b3;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #528009;
	-webkit-box-shadow: 1px 3px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 3px 3px rgba(0,0,0,0.3);
	box-shadow: 1px 3px 3px rgba(0,0,0,0.3);
	margin-left: 10px;
}
div.infolink a:hover{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #183c6a), color-stop(100%, #1567b3) );
	background:-moz-linear-gradient( center top, #183c6a 5%, #1567b3 100% );
	background:-ms-linear-gradient( top, #183c6a 5%, #1567b3 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#183c6a', endColorstr='#1567b3');
	background-color:#183c6a;
}



