@charset "utf-8";

/* 2010.9/20修正版 */

/* =-=-=-=-=-=-=-[基本設定]-=-=-=-=-=-=-=- */
* {
	margin:0;padding:0;
}
p {
	line-height: 140%;
}
ul, ol, dl, dd {
	margin:0;padding:0;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	font-style: normal;
}
img {
	border:0;
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
}
body {
	margin:0;
	padding:0;
	color:#333;
	font-size:12px;
	line-height:16px;
	font-family:"ＭＳ Ｐゴシック", "ＭＳ ゴシック", "ヒラギノ角ゴ Pro W3", "Osaka", "平成角ゴシック", "sans-serif";
	background-repeat: repeat-y;
	background-image: url(../_img/bg01.jpg);
}
#container{
	margin:0;
	padding:0;
	width:1280px;
}

/* =-=-=-=-=-=-=-[全ページ共通]-=-=-=-=-=-=-=- */
a:link{
	color:#0066cc;
	text-decoration:none;
}/*（テキストリンク）*/
a:visited {
	color:#0066cc;
	text-decoration:none;
}
a:hover {
	color:#0066cc;
	text-decoration:underline;
}
.clearboth {
	clear:both;
}


/* =-=-=-=-=-=-=-[左ナビ]-=-=-=-=-=-=-=- */
#left{
	margin:0;
	padding:0;
	width: 220px;
	float:left;
}/*（左ナビ）*/
#leftnavi{
	margin:0;
	padding:0;
}
#leftnavi li{
	float:left;
	margin:0;
	padding:0;
	list-style: none;
}

#leftnavi_01,#leftnavi_01a{
	float:left;
	width:220px;
	height:38px;
}
#leftnavi_01{background: url(../_img/menu_01.jpg) no-repeat;}
#leftnavi_01a{background: url(../_img/menu_01_over.jpg) no-repeat;}
#leftnavi_01 a,#leftnavi_01a a{
	width:220px;
	height:38px;
	display:block;
}
#leftnavi_01 a:hover{
	background: url(../_img/menu_01_over.jpg) no-repeat;
}

#leftnavi_02,#leftnavi_02a{
	float:left;
	width:220px;
	height:38px;
}
#leftnavi_02{background: url(../_img/menu_02.jpg) no-repeat;}
#leftnavi_02a{background: url(../_img/menu_02_over.jpg) no-repeat;}
#leftnavi_02 a,#leftnavi_02a a{
	width:220px;
	height:38px;
	display:block;
}
#leftnavi_02 a:hover{
	background: url(../_img/menu_02_over.jpg) no-repeat;
}
#leftnavi_03,#leftnavi_03a{
	float:left;
	width:220px;
	height:38px;
}
#leftnavi_03{background: url(../_img/menu_03.jpg) no-repeat;}
#leftnavi_03a{background: url(../_img/menu_03_over.jpg) no-repeat;}
#leftnavi_03 a{
	width:220px;
	height:38px;
	display:block;
}
#leftnavi_03 a:hover{
	background: url(../_img/menu_03_over.jpg) no-repeat;
}
#leftnavi_04,#leftnavi_04a{
	float:left;
	width:220px;
	height:32px;
}
#leftnavi_04{background: url(../_img/menu_04.jpg) no-repeat;}
#leftnavi_04a{background: url(../_img/menu_04_over.jpg) no-repeat;}
#leftnavi_04 a,#leftnavi_04a a{
	width:220px;
	height:32px;
	display:block;
}
#leftnavi_04 a:hover{
	background: url(../_img/menu_04_over.jpg) no-repeat;
}
#leftnavi_041,#leftnavi_041a{
	float:left;
	width:220px;
	height:29px;
}
#leftnavi_041{background: url(../_img/menu_04_1.jpg) no-repeat;}
#leftnavi_041a{background: url(../_img/menu_04_1_over.jpg) no-repeat;}
#leftnavi_041 a,#leftnavi_041a a{
	width:220px;
	height:29px;
	display:block;
}
#leftnavi_041 a:hover{
	background: url(../_img/menu_04_1_over.jpg) no-repeat;
}
#leftnavi_042,#leftnavi_042a{
	float:left;
	width:220px;
	height:29px;
}
#leftnavi_042{background: url(../_img/menu_04_2.jpg) no-repeat;}
#leftnavi_042a{background: url(../_img/menu_04_2_over.jpg) no-repeat;}
#leftnavi_042 a,#leftnavi_042a a{
	width:220px;
	height:29px;
	display:block;
}
#leftnavi_042 a:hover{
	background: url(../_img/menu_04_2_over.jpg) no-repeat;
}
#leftnavi_043,#leftnavi_043a{
	float:left;
	width:220px;
	height:29px;
}
#leftnavi_043{background: url(../_img/menu_04_3.jpg) no-repeat;}
#leftnavi_043a{background: url(../_img/menu_04_3_over.jpg) no-repeat;}
#leftnavi_043 a,#leftnavi_043a a{
	width:220px;
	height:29px;
	display:block;
}
#leftnavi_043 a:hover{
	background: url(../_img/menu_04_3_over.jpg) no-repeat;
}
#leftnavi_044,#leftnavi_044a{
	float:left;
	width:220px;
	height:26px;
}
#leftnavi_044{background: url(../_img/menu_04_4.jpg) no-repeat;}
#leftnavi_044a{background: url(../_img/menu_04_4_over.jpg) no-repeat;}
#leftnavi_044 a,#leftnavi_044a a{
	width:220px;
	height:36px;
	display:block;
}
#leftnavi_044 a:hover{
	background: url(../_img/menu_04_4_over.jpg) no-repeat;
}
#leftnavi_04l{
	float:left;
	width:220px;
	height:8px;
}
#leftnavi_04l img{
	width:220px;
	height:8px;
	background: url(../_img/menu_line.jpg) no-repeat;
	display:block;
}

#leftnavi_05,#leftnavi_05a{
	float:left;
	width:220px;
	height:38px;
}
#leftnavi_05{background: url(../_img/menu_05.jpg) no-repeat;}
#leftnavi_05a{background: url(../_img/menu_05_over.jpg) no-repeat;}
#leftnavi_05 a,#leftnavi_05a a{
	width:220px;
	height:38px;
	display:block;
}
#leftnavi_05 a:hover{
	background: url(../_img/menu_05_over.jpg) no-repeat;
}

/* ----------leftnavi_11-------------- */
#leftnavi_11,#leftnavi_11a{
	float:left;
	width:220px;
	height:38px;
}
#leftnavi_11{background: url(../_img/menu_11.jpg) no-repeat;}
#leftnavi_11a{background: url(../_img/menu_11_over.jpg) no-repeat;}
#leftnavi_11 a,#leftnavi_11a a{
	width:220px;
	height:38px;
	display:block;
}
#leftnavi_11 a:hover{
	background: url(../_img/menu_11_over.jpg) no-repeat;
}

/* -----------leftnavi_06------------ */
#leftnavi_06,#leftnavi_06a{
	float:left;
	width:220px;
	height:38px;
}
#leftnavi_06{background: url(../_img/menu_06.jpg) no-repeat;}
#leftnavi_06a{background: url(../_img/menu_06_over.jpg) no-repeat;}
#leftnavi_06 a,#leftnavi_06a a{
	width:220px;
	height:38px;
	display:block;
}
#leftnavi_06 a:hover{
	background: url(../_img/menu_06_over.jpg) no-repeat;
}
/* 演習問題 */
#leftnavi_10,#leftnavi_10a{
	float:left;
	width:220px;
	height:38px;
}
#leftnavi_10{background: url(../_img/menu_10.jpg) no-repeat;}
#leftnavi_10a{background: url(../_img/menu_10_over.jpg) no-repeat;}
#leftnavi_10 a,#leftnavi_10a a{
	width:220px;
	height:38px;
	display:block;
}
#leftnavi_10 a:hover{
	background: url(../_img/menu_10_over.jpg) no-repeat;
}

#leftnavi_07,#leftnavi_07a{
	float:left;
	width:220px;
	height:38px;
}
#leftnavi_07{background: url(../_img/menu_07.jpg) no-repeat;}
#leftnavi_07a{background: url(../_img/menu_07_over.jpg) no-repeat;}
#leftnavi_07 a,#leftnavi_07a a{
	width:220px;
	height:38px;
	display:block;
}
#leftnavi_07 a:hover{
	background: url(../_img/menu_07_over.jpg) no-repeat;
}
/* おもてなし通信 */
#leftnavi_09,#leftnavi_09a{
	float:left;
	width:220px;
	height:38px;
}
#leftnavi_09{background: url(../_img/menu_09.jpg) no-repeat;}
#leftnavi_09a{background: url(../_img/menu_09_over.jpg) no-repeat;}
#leftnavi_09 a,#leftnavi_09a a{
	width:220px;
	height:38px;
	display:block;
}
#leftnavi_09 a:hover{
	background: url(../_img/menu_09_over.jpg) no-repeat;
}

/* お問い合わせ */
#leftnavi_08,#leftnavi_08a{
	float:left;
	width:220px;
	height:38px;
}
#leftnavi_08{background: url(../_img/menu_08.jpg) no-repeat;}
#leftnavi_08a{background: url(../_img/menu_08_over.jpg) no-repeat;}
#leftnavi_08 a,#leftnavi_08a a{
	width:220px;
	height:38px;
	display:block;
}
#leftnavi_08 a:hover{
	background: url(../_img/menu_08_over.jpg) no-repeat;
}

/* =-=-=-=-=-=-=-[右メインスペース]-=-=-=-=-=-=-=- 
※2010.9月20日修正*/
#right{
	float:left;
	margin:0;
	padding:0;
	width: 730px;
	font-size: 2em;
	line-height: 2;
}	/*（右のコンテンツスペース）*/

#right_container{
	float:left;
	margin:0;
	padding:0;
	width: 730px;
}	/*（右のコンテンツスペース）*/

/* =-=-=-=-=-=-=-[TOPナビ]-=-=-=-=-=-=-=- */
#top_navi{
	width:730px;
	height:27px;
	margin:0;
	padding:0 0 0 320px;
	background: url(../_img/main_02.jpg) no-repeat;
	text-align: left;
}

/* =-=-=-=-=-=-=-[メインスペース01]-=-=-=-=-=-=-=- */
#top_box{
	margin:0 89px 0 30;
	padding:0;
}


/* =-=-=-=-=-=-=-[フッタ]-=-=-=-=-=-=-=- */
#footer{
	margin:20px 0;
	padding:0px;
	height: 20px;
	background-color: #4A2E21;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 11px;
	color: #FFFFFF;
	float: left;
	width: 100%;
	text-align: left;
	white-space: normal;
}
#footer p{
	margin:2px auto 2px 220px;
}
#footer a:link{
	color:white;
	text-decoration:none;
}
#footer a:visited{
	color:white;
	text-decoration:none;
}
#footer a:hover{
color:white;
text-decoration:underline;
}





ul.p02{
	margin:10px 20px;
}
ul.p02 li  {
	list-style: url(../_img/sakura.gif);
	font-size:13px;
	font-weight:bold;
	line-height:18px;
}
div.p02{
	float:left;
	width:208px;
	height:57px;
	padding:8px;
	font-weight:bold;
	font-size:16px;
	line-height:22px;
	background-image:url(../_img/lead_box.jpg);
	background-repeat: no-repeat;
	margin-right:10px;
	color:#675246;
}
div.p02r{
	float:right;
	width:360px;
}
div.p02r ol{
	margin:3px 30px;
}
div.p02r td{
	font-size:12px;
	padding: 3px;
	vertical-align:top;
}
h3.p03{
	margin:25px 0px 10px 0;
	padding:2px 8px;
	font-weight:bold;
	font-size:14px;
	color:#675246;
	background-image:url(../_img/leadlinebox.jpg);
	background-repeat: no-repeat;
	width:610px;
	height:26px;
}
h3.p04{
	margin:25px 0px 10px 0;
	padding:2px 8px 2px 0;
	font-weight:bold;
	font-size:14px;
	width:610px;
	color:#675246;
}
ul.p04{
	list-style:none;
}
ul.p04 li {
	line-height: 140%;
}
h3.p04 span.p18{
	font-size:18px;
	color:#7c2f82;
}
div.p03text{
	margin: 3px 3px 3px 90px;
}
div.p03text span.pink{
	font-size:14px;
	color: #7C2F82;
}
div.p03ga{
	float:right;
	font-size:10px;
	line-height:1em;
}
img.p03ga{
	float:right;
}
a.p03dl{
	background: url(../_img/dll_pdf.jpg) no-repeat;
	height:35px;
	width:125px;
	text-indent: -99999px;
	font-size: 1%;
	overflow: hidden;
	float:right;
}
a.p03dl:hover{
	background: url(../_img/dll_pdf_over.jpg) no-repeat;
	height:35px;
	width:125px;
}
div.p04text{
	margin: 3px;
}
div.p04text span.pink{
	font-size:18px;
	font-weight:bold;
	color: #7C2F82;
}
a.p04dl{
	background: url(../_img/dll_pdf02.jpg) no-repeat;
	height:32px;
	width:125px;
	text-indent: -99999px;
	font-size: 1%;
	overflow: hidden;
	float:right;
}
a.p04dl:hover{
	background: url(../_img/dll_pdf02_over.jpg) no-repeat;
	height:32px;
	width:125px;
}
.efr {
	float: right;
}
ol.olth, ul.listLowHeight{
	margin: 5px 30px;
	font-size: 12px;
	line-height: 140%;
}
span.emBold{
	font-size: 14px;
	font-weight: bold;
	color:#7C2F82;
}
span.emRedBold{
	font-size: 14px;
	font-weight: bold;
	color:#7C2F82;
}
div#bodyArea{
	font-size: 12px;
}
div#bodyArea ul, div#bodyArea ol, div#bodyArea p{
	margin: 5px 30px;
}


a#h01, a#h02, a#h03, a#h04, a#h01a, a#h02a, a#h03a, a#h04a{
	height:24px;
	width:100px;
	text-indent: -99999px;
	font-size: 1%;
	overflow: hidden;
	float:right;
	margin: 2px 0;
}
a#h01:hover,a#h02:hover,a#h03:hover,a#h04:hover{
	height:24px;
	width:100px;
}
a#h01{background: url(../_img/webtest_menu_01.jpg) no-repeat;}
a#h01:hover{background: url(../_img/webtest_menu_over_01.jpg) no-repeat;}
a#h02{background: url(../_img/webtest_menu_02.jpg) no-repeat;}
a#h02:hover{background: url(../_img/webtest_menu_over_02.jpg) no-repeat;}
a#h03{background: url(../_img/webtest_menu_03.jpg) no-repeat;}
a#h03:hover{background: url(../_img/webtest_menu_over_03.jpg) no-repeat;}
a#h04{background: url(../_img/webtest_menu_04.jpg) no-repeat;}
a#h04:hover{background: url(../_img/webtest_menu_over_04.jpg) no-repeat;}

a#h01a{background: url(../_img/webtest_menu_over_01.jpg) no-repeat;}
a#h02a{background: url(../_img/webtest_menu_over_02.jpg) no-repeat;}
a#h03a{background: url(../_img/webtest_menu_over_03.jpg) no-repeat;}
a#h04a{background: url(../_img/webtest_menu_over_04.jpg) no-repeat;}

div.menuInPageArea{
	border:2px solid #CC99CC;
	padding:4px;
}

div.menuInPageArea ol{
	margin:3px 20px;
	padding:0;
}
div.menuInPageArea ol li{
	margin: 3px;
	padding: 0px;
	list-style:none
}
div.menuInPageArea ol li img{
	vertical-align:middle;
}

div#ctrlBody ul{
	margin: 3px 40px;
}
div#cautionArea{
	border: 1px solid #9C5C9C;
	margin: 3px 40px;
	padding:0;
}
div#cautionArea p#cautionTitle{
	margin:0;
	padding:0px;
	background-color:#9C5C9C;
	color:#fff;
	padding:3px;
	font-size:14px;
	font-weight:bold;
}
div#cautionArea div#cautionBody{
	padding:3px;
}

div.cautionArea{
	border: 2px dotted #7C2F82;
	margin: 12px 40px;
	padding:3px;
}
div.cautionArea p.cautionTitle{
	color:#7C2F82;
	font-size:14px;
	font-weight:bold;
}
div.cautionArea div.cautionBody{
	padding: 3px ;
}
div.cautionArea div.cautionBody ul.listLowHeight{
	margin: 3px 40px;
}
div#ctrlArea{
text-align:center;
}

div.contact {
	margin: 3px 40px;
	font-size:12px;
}
div.contact td{
	vertical-align:top;
	padding:5px 10px;
	font-size:12px;
}
div.contact td.ac{
	text-align:center;
}
div.contact .emBold{
	font-size: 14px;
	font-weight: bold;
}
div.contact .emRedBold{
	font-size: 12px;
	font-weight: bold;
}
img.bder{
}
td.bder1{
	border-top:1px solid #9c5c9c;
	border-bottom:1px solid #9c5c9c;
	border-left:1px solid #9c5c9c;
}
td.bder2{
	border-top:1px solid #9c5c9c;
	border-bottom:1px solid #9c5c9c;
	border-right:1px solid #9c5c9c;
}
a#c01,a#c02{
	height:35px;
	width:129px;
	text-indent: -99999px;
	font-size: 1%;
	overflow: hidden;
	float:right;
}
a#c01:hover,a#c02:hover{
	height:35px;
	width:129px;
}
a#c03{
	height:32px;
	width:125px;
	text-indent: -99999px;
	font-size: 1%;
	overflow: hidden;
	float:right;
}
a#c03:hover{
	height:32px;
	width:125px;
}
a#c04{
	height:32px;
	width:125px;
	text-indent: -99999px;
	font-size: 1%;
	overflow: hidden;
	float:right;
}
a#c04:hover{
	height:32px;
	width:125px;
}
a#c01{background: url(../_img/formbtn.gif) no-repeat;}
a#c01:hover{background: url(../_img/formbtn_over.gif) no-repeat;}
a#c02{background: url(../_img/formbtn-02.gif) no-repeat;}
a#c02:hover{background: url(../_img/formbtn_over-02.gif) no-repeat;}
a#c03{background: url(../_img/btn_apppdf_1.jpg) no-repeat;}
a#c03:hover{background: url(../_img/btn_apppdf_1_over.jpg) no-repeat;}
a#c04{background: url(../_img/btn_apppdf_over2.jpg) no-repeat;}
a#c04:hover{background: url(../_img/btn_apppdf_over2_over.jpg) no-repeat;}

ul.c02{
	margin:3px;
	padding:3px 30px;
	background-color: #F4DCEF;
}
ul.c02 li  {
	list-style: url(../_img/sakura.gif);
	font-size:12px;
	font-weight:bold;
	line-height:18px;
	color:#9C5C9C;
}

div.binner{
	margin: 3px 40px;
	font-size:12px;
}
.p14{font-size:14px;}
.p20{font-size:20px;}
.bold{font-weight:bold;}

div.binner table{
border:1px solid #555;
margin:5px;
background-color:#F4DCEF;
}

div.binner table th{
	font-size:13px;
	text-align:left;
	padding: 4px 8px;
	border-top:1px dotted #9C5C9C;
}
div.binner table th.tc{
	font-size:14px;
	text-align:center;
	border-top:none;
}
div.binner table td{
	border-top:1px dotted #9C5C9C;
	text-align:left;
	padding: 3px 8px;
}
div.binner table td.tc{
	text-align:center;
}
span.pink{
	color: #7C2F82;
}
span.brown{
	color: #675246;
}
.noteFrame {
	border:2px dotted #bf8bb7;
	padding:5px;
	margin:3px auto;
}
.noteFrameSmall {
	border:2px dotted #bf8bb7;
	padding:5px;
	margin:3px auto;
	font-size: 75%;
}
span.emULine{
	font-size:12px;
	font-weight:bold;
	color:#675246;
}
span.emRedULine{
	font-weight:bold;
	color: #7C2F82;
}
span.emRed{
	color:#990000;
}
span.emBlueBold{
	color:#0033CC;
}
span.emGreenBold{
	color:#006633;
}
span.emPurpleBold{
	color:Purple;
}


div.pinkDottedFrame{
	border:2px dotted #7C2F82;
	padding:5px;
	margin:5px auto;
}

a.popup{
	background: url(../_img/shosai_btn.jpg) no-repeat;
	height:28px;
	width:116px;
	font-size: 1%;
	overflow: hidden;
	float:right;
}

a.popup:hover{
	background: url(../_img/shosai_over.jpg) no-repeat;
	height:28px;
	width:116px;
}
div.frameArea{
	border:1px solid #333;
	margin:3px;
}
div.pm{
	margin-left:20px;
	margin-bottom:5px;
}
img.dot{
	margin-top:20px;
}

.photoOmotenashiLeft {
	margin-right: 1em;
}