/* CSS Document */

/* 共通インポートファイル */
/*




/*
===== もくじ ======================================================================

	1: #content_wap（フッダ以外の枠）
	2: #header（タイトル）
	3: #main_wap（内容）
	3-0:#main_wap #toparea（トップページ）
	3-1:#main_wap #left（ナビゲーション）
	3-2:#main_wap #right（コンテンツ）	
	3-3:#main_wap #front（コンテンツ）	
	4: #fooder（フッター）
	5: #calc_box（電卓）

===================================================================================
*/

#exam_body {
        margin: 0px;
        padding: 0px;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
}

#exam_body table {
        margin : 0;
        empty-cells: show;
}

#exam_body table {
        margin : 0;
        empty-cells: show;
}

#exam_body h4, #exam_body div, #exam_body address, #exam_body form, #exam_body blockquote, #exam_body tr, #exam_body td, #exam_body th{
        color:#000000;
        text-align: left;
        line-height: 150%;
}

.hidden {
   display: none;
   visibility: hidden;
   margin: 0px;
   padding: 0px;
}

.ico_pt{
        background-repeat:no-repeat;
        background-image: url(../images/common/ico_pagetop.gif);
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 15px;
        background-position: left;
}


/*--1: #content_wap
----------------------------------------------------------------*/
#content_wap {
	width: 770px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	background-image: url(../images/common/back_grund.gif);
	background-repeat: repeat-y;
}

/*--2: #header 
----------------------------------------------------------------*/
/*
#header{
	width: 875px;
	margin: 0px;
	padding: 0px;
}

#header .caution{
	width: 875px;
	margin: 0px;
	padding: 0px;
	height: 60px;
	background-image: url(../images/common/cautions.gif);
	background-repeat: no-repeat;
	}

#header .caution p{
	width: 590px;
	height: 45px;
	padding-left: 160px;
	line-height: 140%;
	padding-right: 10px;
	}
*/

/*--3: #main_wap
----------------------------------------------------------------*/
#main_wap{
	width: 875px;
	margin: 0px;
	padding: 0px;
}

#main_wap .breadarea{
	width: 850px;
	margin: 0px;
	padding: 10px;
}

#main_wap h2{
	font-size: 20px;
	font-weight: bold;
	color: #000;
	background-image: url(../images/common/back_h2.gif);
	background-repeat: no-repeat;
	height: 40px;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-left: 35px;
	padding-top: 5px;
	}
	
#main_wap .pager {
	text-align: center;
}

.i_date4 {
	text-align: right;
	width: 35px;
}

.i_date2 {
	text-align: right;
	width: 20px;
}

.i_name {
	text-align: left;
	width: 200px;
}

.i_count {
	text-align: right;
	width: 30px;
}


/*--3-0:#main_wap #toparea（トップページ）
----------------------------------------------------------------*/
/*
#main_wap #toparea{
	width: 680px;
	padding-right: 25px;
	padding-left: 40px;
	background-color: #FFF;
	padding-top: 50px;
	padding-bottom: 50px;
}

#main_wap #toparea li{
	width: 170px;
	float: left;
	height: 170px;
}

#main_wap #toparea a:hover{
	width: 170px;
	height: 170px;
	display: block;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	}
*/
	
#main_wap .pagetop{
	height: 20px;
	width: 945px;
	margin-top: 50px;
	margin-bottom: 10px;
	text-align: right;
	}

/*--3-1: #main_wap #left（ナビゲーション）
----------------------------------------------------------------*/
/*
#main_wap #left{
	width: 180px;
	padding: 0px;
	margin-right: 20px;
	float: left;
}

#left li a.navilink{
	background-image: url(../images/common/back_menu.gif);
	background-repeat: repeat-x;
	color: #FFF;
	text-decoration: none;
	display: block;
	width: 170px;
	height: 32px;
	padding-top: 18px;
	list-style-image: url(../images/common/ico_link.gif);
	list-style-image: none;
	list-style-type: none;
	list-style-position: inside;
	padding-left: 10px;
	}

#left a.navilink:hover{
	text-decoration: underline;
	display: block;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	}

#left li.navilink_tool{
	background-image: url(../images/common/back_menu02.gif);
	background-repeat: repeat-x;
	width: 170px;
	height: 35px;
	padding-top: 15px;
	padding-left: 10px;
	}

#left li.navilink_tool_now{
	background-image: url(../images/common/back_menu02.gif);
	background-repeat: repeat-x;
	width: 170px;
	height: 35px;
	font-weight: bold;
	padding-top: 15px;
	padding-left: 10px;
	background-color: #f3f3f3;
	}

#left .menuList li {
	list-style-type: none;
	margin: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
}

#left .menuList li a.link01 {
	display: inline-block;
	padding-left: 25px;
	background-image: url(../images/common/ico_link.gif);
	background-repeat: no-repeat;
	background-position: 1em 0.4em;
}

#left .menuList li a.link02 {
	display: inline-block;
	padding-left: 25px;
	background-image: url(../images/common/ico_link02.gif);
	background-repeat: no-repeat;
	background-position: 1em 0.4em;
}

#left .menuList li a.link03 {
	display: inline-block;
	padding-left: 35px;
	background-image: url(../images/common/ico_link03.gif);
	background-repeat: no-repeat;
	background-position: 2em 0.2em;
}

#left .select_color {
	background-color: #00ff66;
}

#left .tab01{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	margin-top: 10px;
	}

#left .tab01 td{
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	text-align: left;
	padding: 5px;
	}

#left .tab01 td a{
	width: 59px;
	height: 23px;
	display: block;
	}
	
#left .tab01 td a:hover{
	width: 59px;
	height: 23px;
	display: block;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	}

.inputss{
	text-decoration: none;
	margin-right: 5px;
	}

.navibtnarea{
	margin-top: 100px;
	}
*/

/*--3-2: #main_wap #right（コンテンツ）	
----------------------------------------------------------------*/
#main_wap #right{
	width: 550px;
	padding: 0px;
	margin-right: 10px;
	float: right
}

#right h3{
	background-color: #eeeeee;
	height: 30px;
	width: 540px;
	padding-left: 10px;
	padding-top: 10px;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #CCC;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	margin-bottom: 15px;
	}

#right h4{
	background-color: #FFF;
	height: 20px;
	width: 540px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #CCC;
	padding-left: 10px;
	padding-top: 5px;
	margin-bottom: 15px;
	margin-top: 30px;
	}

#right h5.h5bn{
	background-repeat:no-repeat;
	background-image: url(../images/common/ico_backnumber.gif);
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	background-position: left;
	margin-bottom: 15px;
	font-weight: bold;
	margin-top: 10px;
	}

#right .bn{
	height: 20px;
	width: 550px;
	text-align: right;
	padding-bottom: 10px;
	}

#right .tab01{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	margin-top: 10px;
	}

#right td{
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	text-align: left;
	padding: 5px;
	}

#right td a{
	width: 59px;
	height: 23px;
	display: block;
	}
	
#right td a:hover{
	width: 59px;
	height: 23px;
	display: block;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	}

#right li.aaa{
	line-height: 230%;
	}

#right li.aaanews{
	line-height: 150%;
	}

#right .note0{
	padding-left: 10px;
	margin-bottom: 15px;
	line-height: 135%;
	}

#right .note1{
	padding-left: 10px;
	margin-bottom: 15px;
	line-height: 135%;
	}

#right .note2{
	padding-left: 20px;
	margin-bottom: 15px;
	font-size: 11px;
	line-height: 135%;
	}
	
#right .pagetop{
	height: 20px;
	width: 550px;
	margin-top: 50px;
	margin-bottom: 10px;
	text-align: right;
	}

#right .d1 {
	float: left;
	height: 50px;
	width: 150px;
}

#right .d2 {
	clear: both;
	float: left;
}

#right .d3 {
	float: left;
	width: 60px;
}

#right .d4 {
	float: left;
	width: 358px;
}

#right .d_title_approval {
	float: left;
	width: 354px;
}

#right .d5 {
	clear: both;
}

#right .d6 {
	float: left;
	width: 420px;
}

#right .d7 {
	float: left;
	width: 120px;
}

#right .d8 {
	float: left;
}

#right .d9 {
	float: left;
	width: 414px;
}

#right .d10 {
	float: left;
	width: 416px;
}

#right .d11 {
	clear: both;
	float: left;
	width: 18px;
}

#right .d12 {
	float: left;
	text-align: right;
	width: 120px;
}

#right img {
	padding: 0 5px;
	vertical-align: middle;
}

#right .i1 {
	padding: 0 10px;
	vertical-align: middle;
}

#right .i_file {
	width: 300px;
}

#right textarea {
	height: 200px;
	width: 300px;
}

#right .view {
	display: inline;
}

#right .hide {
	display: none;
}

#right fieldset {
	padding: 10px 20px;
	vertical-align: middle;
	width: 450px;
}

#right .s1 {
	width: 150px;
}

/*--3-3: #main_wap #front（コンテンツ）	
----------------------------------------------------------------*/
#main_wap #front{
	width: 863px;
	padding-right: 40px;
	padding-left: 50px;
	background-color: #FFF;
}

#front .tab01{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	margin-top: 10px;
	}
#front td{
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	text-align: left;
	padding: 5px;
	}

#front td a{
	width: 59px;
	height: 23px;
	display: block;
	}
	
#front td a:hover{
	width: 59px;
	height: 23px;
	display: block;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	}

#front .bn{
	height: 20px;
	width: 660px;
	text-align: right;
	padding-bottom: 10px;
	}

#front .d1 {
	float: left;
	width: 80px;
}

#front .d2 {
	float: left;
	width: 180px;
}

#front .d3 {
	clear: both;
}

#front .d4 {
	border: solid 1px;
	padding: 10px;
	width: 400px;
}

#front .d5 {
        clear: both;
}

#front .d5 div {
        float: left;
        height: 23px;
}

#front .d6 {
        clear: both;
}

#front .d6 div {
        float: left;
        width: 130px;
        height: 23px;
}

#front .d7 {
        float: left;
        width: 70px;
        height: 23px;
}


#front .d_question{
	border: solid 1px #CCC;
	width: 850px;
}

#front .d_number {
	background-color: #99CCFF;
	float: left;
	padding: 10px;
	text-align: center;
	width: 60px;
}

#front .d_blank {
	float: left;
	padding: 10px;
	text-align: center;
	width: 60px;
}

#front .d_content {
	float: left;
	padding: 10px;
	width: 750px;
}

#front .d_comment {
	border: solid 1px;
	float: left;
	padding: 10px;
	width: 770px;
}

#front .d_score {
	border: solid 1px #CCC;
	float: left;
	font-size: 16px;
	height: 64px;
	line-height: 22px;
	padding: 8px 5px;
	text-align: center;
	width: 120px;
}

#front .d_score div {
	color: #CCC;
	text-align: center;
}

#front .d_score2 {
	border: solid 1px #CCC;
	float: left;
	font-size: 16px;
	height: 25px;
	padding: 5px;
	text-align: center;
	width: 200px;
}

#front .d_score3 {
	border: solid 3px #FF0000;
	color: #FF0000;
	float: left;
	font-size: 16px;
	height: 62px;
	line-height: 21px;
	padding: 7px 5px;
	text-align: center;
	width: 116px;
}

#front .d_score3 div {
	color: #FF0000;
	text-align: center;
}

#front .p_info {
        border: solid 1px #CCC;
        height: 15px;
        padding: 8px 5px;
        text-align: center;
		float: left;
        width: 120px;
}

#front .p_info2 {
        border: solid 1px #CCC;
        height: 15px;
        text-indent: 15px;
        padding: 8px 5px;
        text-align: left;
        width: 600px;
}

#front .p_info3 {
        border: solid 1px #CCC;
        padding: 2px 10px;
        text-align: center;
        float: left;
        width: 140px;
}

#front .p_info4 {
        border: solid 1px #CCC;
        padding: 2px 10px;
        text-indent: 5px;
        text-align: left;
        width: 700px;
}

#front .d_message {
	font-size: 18px;
	padding: 30px 0;
}

#front .i1 {
	width: 400px;
}

#front .i_button {
	width: 100px;
}

#front textarea {
	height: 150px;
	width: 400px;
}

#front h3{
	background-color: #eeeeee;
	height: 30px;
	width: 650px;
	padding-left: 10px;
	padding-top: 10px;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #CCC;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	margin-bottom: 15px;
	}

#front h4{
	background-color: #FFF;
	height: 20px;
	width: 825px;
	font-size: 12px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #CCC;
	padding-left: 10px;
	padding-top: 5px;
	margin-bottom: 15px;
	margin-top: 30px;
	}

/*
#front .header_color {
	background-color: #dcdcdc;
}

#front .context_color {
	background-color: #ffdab9;
}
*/

/*--4: #footer
----------------------------------------------------------------*/
/*
#footer{
	width: 950px;
	background-color: #666;
	height: 280px;
	}
	
#footer	.ftarea{
	width: 750px;
	height: 20px;
	padding-left: 10px;
	color: #FFF;
	padding-top: 5px;
	}
	
#footer a.footerlink{
	color: #FFF;
	text-decoration: none;
}
*/

/*--5: #calc_box
----------------------------------------------------------------*/
#calc_box{
	/* background:#ff5; */
	/* width:200px; */
	/* margin-left:700px; */
	padding:10px;
	text-align:center;
	position:fixed;
	right:20px;
	top:150px;
}

#calc_box table {
	background-color: #BDB76B;
	border-top: 5px solid #A3A04F;
	border-left: 5px solid #A3A04F;
	border-right: 5px solid #808000;
	border-bottom: 5px solid #808000;
}

#calc_box td {
	padding: 3px;
	width: 25%;
}

#calc_box input {
	width: 90%;
}