/* ------------------------------
   Default
------------------------------ */
*{
	margin:0;
	padding:0;
}
body{
	font-size: 90%;
	background-color: #FFFFFF;
	color: #330000;
	width:100%;
	background-image: url(../images/base.gif);
	background-repeat: repeat;
	line-height: 1.3;
}
#wrapper{
	margin:0 auto;
	width:910px;
}
#container{
	background-image: url(../images/content_base.gif);
	background-repeat: repeat;
}
#content {
	width:878px;
	padding: 0px 16px;
}
form,input {
	margin: 0px;
	padding: 0px;
}
img{
	border: none;
	vertical-align: bottom
}
.user_text-indent {
	text-indent: 1em;
}
.user_red {
	color: #CC0000;
}
.user_blue {
	color: #333399;
}
.user_gray {
	color: #333333;
}
.user_box_black {
	border: solid 1px #000000;
	margin: 10px 0px;
	padding: 10px;
}
.user_box_red {
	border: solid 1px #FF0000;
	margin: 10px 0px;
	padding: 10px;
}
.user_big {
	font-weight: normal;
	font-size: 120%;
}
.user_small {
	font-weight: normal;
	font-size: 80%;
}
.float_lft {
	float: left;
	padding: 0px 10px 0px 0px;
	clear: both;
}
.float_rgt {
	float: right;
	padding: 0px 0px 0px 10px;
	clear: both;
}
.float_lft_pht {
	float: left;
	margin: 0px 10px 10px 0px;
	padding: 5px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	clear: both;
}
.float_rgt_pht {
	float: right;
	margin: 0px 0px 10px 10px;
	padding: 5px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	clear: both;
}
.float_lft p ,
.float_rgt p ,
.float_lft_pht p ,
.float_rgt_pht p {
	margin-bottom: 10px !important;
}
.centerd {
	clear: both;
	text-align: center;
}
.clear {
	clear: both;
}
.skip {
	position:absolute;
	left:-3000px;
	width:1px;
}
/* col2 */
div.col2 {
	width:100%;
}
div.col2:after {
    content:"."; 
    display:block;
    height:0;
	font-size:0.1%;
	line-height:0.1;
    clear:both;
    visibility:hidden;
}
div.col2 div.col2L {
	float:left;
	width:49%;
	display:table;
	margin-right:2%;
}
div.col2 div.col2R {
	float:left;
	width:48%;
	display:table;
}

/* ------------------------------
   Plugin
------------------------------ */
.plugin {
	margin: 10px 0px;
	padding: 10px;
	color: #333333;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	clear: both;
}
.plugin img {
	float: left;
	padding: 0px 10px 0px 0px;
	clear: both;
}
.plugin p {
	margin: 0px 0px 0px 0px !important;
}
/* ------------------------------
   Link
------------------------------ */
a{
	color:#003366;
	text-decoration: underline;
	background-color: inherit;
}
a:active{ 
	color:#CC0000;
	text-decoration: underline;
	background-color: inherit;
}
a:visited{ 
	color:#333366;
	text-decoration: underline;
	background-color: inherit;
}
a:hover{ 
	color:#CC0000;
	text-decoration: underline;
	background-color: inherit;
}
/* ------------------------------
   Header 
------------------------------ */
#locked{
	font-size: 14px;
	line-height: 14px;
	font-weight: normal;
}
#header{
	width:100%;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	height: 185px;
}
#logo {
	margin: 0px;
}
#logo h1 {
	padding: 40px 0px 0px 44px;
}
#logo img {
	padding: 40px 0px 0px 44px;
}
/* ------------------------------
   Utility 
------------------------------ */
#search {
	float: left;
	margin: 0px 5px 0px 10px;
	font-size: 12px;
}
#search label {
	vertical-align: bottom;
}
#search input {
	vertical-align: middle;
	margin: 6px 0px 0px 0px;
}
#utility {
	float: left;
	margin: 0px;
	padding: 8px 0px 0px 0px;
}
#utility p {
	float: left;
}
#utility .lang {
	margin-left: 20px;
}
#utility .lang_btn {
	margin: 2px 0px 0px 5px;
}
/* ------------------------------
   Headernavi
------------------------------ */
#headernavi {
	float: right;
	margin: 0px;
	padding: 10px 0px 0px 13px;
	background-image: url(../images/headernavi_base.jpg);
	background-repeat: no-repeat;
	height: 25px;
	width: 310px;
}
#headernavi p {
	float: left;
}
/* ------------------------------
   Globalnavi
------------------------------ */
#globalnavi {
	clear:both;
	margin: 0px;
	padding: 12px 0px 0px 7px;
	background-image: url(../images/globalnavi_base.jpg);
	background-repeat: no-repeat;
	height: 36px;
}
#globalnavi p {
	float: left;
	padding-left: 15px;
	font-size: 1%;
	line-height: 0.1;
}
/* ------------------------------
   Contents
------------------------------ */
#oneBox {
	margin: 20px 4px 0px 4px;
}
#leftBox {
	float: left;
	width: 210px;
	padding: 20px 20px 0px 4px;
	clear:both;
}
#rightBox {
	float: left;
	width: 640px;
	margin: 20px 0px 0px 0px;
}
#rightBox  p {
	margin: 15px 0px 0px 0px;
	line-height: 1.4;
}
#pankuzu {
	clear: both;
	padding: 15px 20px 0px 20px;
}
#pagetop {
	clear: both;
	text-align: right;
	padding: 20px 5px 0px 0px;
}
#oneBox h1 ,
#rightBox h1{
	margin: 0px 0px 20px 0px;
	padding: 13px 13px;
	background-color: #669900;
	background-image: url(../images/chapter_base.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	border-top: 2px solid #330000;
	font-size: 130%;
	font-weight: bold;
	color: #FFFFFF;
}
#oneBox h2 ,
#rightBox h2{
	margin: 20px 0px 20px 0px;
	padding: 10px 13px;
	background-color: #E4D567;
	background-image: url(../images/section_base.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	border-top: 1px solid #CC9900;
	font-size: 110%;
	font-weight: bold;
	color: #330000;
	clear: both;
}
#oneBox h3 ,
#rightBox h3{
	margin: 30px 0px 20px 0px;
	padding: 8px 13px;
	background-color: #E4D567;
	background-image: url(../images/section_base.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	font-size: 100%;
	font-weight: bold;
	color: #330000;
}
#oneBox h4 ,
#rightBox h4{
	margin: 30px 0px 20px 0px;
	padding: 2px 13px;
	font-size: 100%;
	font-weight: bold;
	color: #330000;
	background-image: url(../images/subsubsection_base.gif);
	background-repeat: no-repeat;
}
#rightBox ul ,
#oneBox ul {
	margin-left: 5px 5px 5px 20px;
	padding: 5px 5px 5px 20px;
	list-style-image: url(../images/icon_list.gif);
	list-style-position: outside;
	list-style-type: none;
}
#rightBox li ,
#oneBox li {
	margin: 5px 0px;
}
#rightBox ol ,
#oneBox ol {
	margin: 3px 5px 0px 15px;
	padding: 3px 5px 0px 15px;
	list-style-type: decimal;
	list-style-position: inside;
}
/* ------------------------------
   Footernavi
------------------------------ */
#footernaviOuter{
	clear:both;
	background-image: url(../images/footer_base.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding: 55px 0px 1px 23px;
}
#footernavibgimg {
	width:870px;
	background-image: url(../images/footernavi_base.jpg);
	background-repeat: repeat;
}
#footernavi{
	padding: 5px 10px 18px 10px;
	background-image: url(../images/footernavi_bottom.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}
#footernavi ul {
	display:inline;
}
#footernavi li {
	display:inline;
	padding: 0px 5px 0px 8px;
}
#footernavi .line {
	border-right:solid 1px #000000;
}
#footernavi p {
	margin: 0px;
}
/* ------------------------------
   Footer 
------------------------------ */
#footer{
	clear:both;
	margin-top: 10px;
}
address {
	font-weight: normal;
	font-style: normal;
	text-align: left;
	line-height: 1.2;
}
#copyright{
	font-weight: normal;
	font-style: normal;
	text-align: left;
	font-family: "Osaka|", Verdana;
	font-size: 90%;
}
#footer #logomark {
	float: left;
	width: 76px;
}
#footer #originator {
	float: left;
	margin: 5px 0px 0px 10px;
}
/* ------------------------------
   leftBox
------------------------------ */
.brboxOuter {
	margin: 0px 0px 20px 0px;
	padding: 7px 0px 1px 0px;
	background-image: url(../images/brbox_top.gif);
	background-repeat: no-repeat;
	background-position: top;
}
.brbox_bottomimg {
	background-image: url(../images/brbox_bottom.gif);
	background-repeat: no-repeat;
	height: 7px;
	font-size:1px;
	line-height:1px;
}
.brboxOuter p {
	margin: 0px;
	padding: 0px;
}
.brbox {
	background-image: url(../images/brbox_base.gif);
	background-repeat: repeat;
	margin: 0px;
	padding: 1px 12px;
}
.brbox p {
	margin: 0px;
	padding: 0px;
}
.brbox .title {
	margin: 0px;
	padding: 12px 10px 12px 15px;
	background-image: url(../images/brbox_title_bg.jpg);
	background-repeat: repeat-y;
	width: 155px;
	border-left: 6px solid #CC3300;
	background-color: #FFFFFF;
	font-size: 100%;
	font-weight: bold;
}
.brbox .naviOuter {
	margin: 0px;
	padding: 7px 0px 0px 0px;
	background-image: url(../images/brbox_title_bottom.jpg);
	background-repeat: no-repeat;
}
.navi1st{
	width: 186px;
	margin: 0px;
}
.navi1st p{
	width: 155px;
	margin: 2px 0px 0px 0px;
	padding: 2px 5px 2px 26px;
	background-color: #F3F1E6;
	background-image: url(../images/brbox_1st_icon.gif);
	background-repeat: no-repeat;
}
.navi2nd{
	margin: 0px;
	padding: 0px 2px 2px 22px;
	background-color: #F3F1E6;
}
.navi2nd p{
	width: 142px;
	margin: 0px 0px 2px 0px;
	padding: 2px 5px 2px 15px;
	background-color: #E8E4CF;
	background-image: url(../images/brbox_2nd_icon.gif);
	background-repeat: no-repeat;
}
/* ------------------------------
   Type1Box
------------------------------ */ 
#oneBox .type1box {
	border: solid 1px #BE9882;
	width: 820px;
	margin: 0px 0px 20px 0px;
	padding: 20px;
	float: left;
	background-color: #FFFFFF;
}
#rightBox .type1box {
	border: solid 1px #BE9882;
	width: 590px;
	margin: 0px 0px 20px 0px;
	padding: 20px;
	float: left;
	background-color: #FFFFFF;
}
#rightBox .type1box h3 ,
#rightBox .type1box h2 {
	margin: 0px 0px 5px 0px !important;
	padding: 2px 10px 2px 27px !important;
	background-color: #FFFFFF !important;
	background-position: left top !important;
    border: 0px!important;
	background-image: url(../images/icon_circle.gif);
	background-repeat: no-repeat;
}
.type1box_right {
	background-image: url(../images/type1box_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	float: left;
	height: 74px;
	width: 7px;
	margin: 0px;
	padding: 0px px 0px 3px;
}
/* ------------------------------
   Type2Box
------------------------------ */ 
#rightBox .layoutOuter {
	margin: 0px;
	padding: 1px 0px;
    clear: both;
}
#rightBox .type2boxOuter {
	width: 320px;
	background-image: url(../images/type2box_top.gif);
	background-repeat: no-repeat;
	padding: 16px 0px 10px 0px;
	float: left;
}
#rightBox .type2box {
	margin: 0px;
	padding: 0px 20px;
	background-image: url(../images/type2box_base.gif);
	background-repeat: repeat-y;
}
#rightBox .type2box h3 {
	width: 223px;
	margin: 0px 0px 5px 0px !important;
	padding: 2px 10px 2px 27px !important;
	background-color: #FFFFFF !important;
	background-position: left top !important;
    border: 0px!important;
	background-image: url(../images/icon_circle.gif);
	background-repeat: no-repeat;
}
#rightBox .type2box p {
	width: 254px;
	padding: 0px 5px 15px 5px;
}
.type2box_bottom {
	width: 304px;
	margin: 0px;
	padding: 1px 0px;
	background-image: url(../images/type2box_bottom.gif);
	background-repeat: no-repeat;
	height: 5px;
	font-size:1px;
	line-height:1px;
    clear: both;
}
/* ------------------------------
   TableDesign
------------------------------ */
.normal {
	margin: 10px 0px;
    border-collapse: collapse;
    border-spacing: 0;
	clear:both;
}
.normal th {
    padding: 5px;
    border:1px #666666 solid;
    background: #ECE9D8;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
    white-space: nowrap; 
}
.normal td {
    padding: 5px;
    border: 1px #666666 solid;
    background: #FFFFFF;
    text-align: left;
	width: 90%;
}
.line {
	margin: 0px;
    border-collapse: collapse;
    border-spacing: 0;
	clear:both;
}
.line th {
	padding: 10px 5px;
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
	background-image: url(../images/line_gray3px.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.line td {
	padding: 10px 5px;
	text-align: left;
	background-image: url(../images/line_gray3px.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	width: 90%;
}
.line_topimg4px {
	margin: 5px 0px;
    border-collapse: collapse;
    border-spacing: 0;
	background-image: url(../images/line_gray4px.gif);
	background-repeat: repeat-x;
	background-position: top;
	clear:both;
}
.line_topimg3px {
	margin: 5px 0px;
    border-collapse: collapse;
    border-spacing: 0;
	background-image: url(../images/line_gray3px.gif);
	background-repeat: repeat-x;
	background-position: top;
	clear:both;
}
.line th ,
.line_topimg4px th ,
.line_topimg3px th {
	padding: 5px;
	font-weight: bold;
	text-align: left;
	background-image: url(../images/line_gray3px.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	width: 30%;
}
.line td ,
.line_topimg4px td ,
.line_topimg3px td {
	padding: 5px;
	text-align: left;
	background-image: url(../images/line_gray3px.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	width: 70%;
}
/* ------------------------------
   Search
------------------------------ */
#kerword h2 ,
#area h2 ,
#category h2 {
	margin: 20px 0px !important;
	padding: 0px !important;
	border: 0px !important;
	clear:both!important;
}
#kerword {
	padding: 0px;
}
#kerword p {
	margin: 20px 20px;
}
#area {
	clear:both
	padding: 0px 0px 10px 0px;
}
#area #left {
	float: left;
	width: 370px;
}
#area #right {
	float: left;
	width: 490px;
}
#category {
	clear:both
}
#category p {
	float: left;
	padding: 0px 7px 10px 5px;
}
/* ------------------------------
   Other
------------------------------ */
.margin0 {
	margin:0px;
}
.margin_top10 {
	margin-top:10px;
}
.margin_top20 {
	margin-top:20px;
}
.margin_bottom10 {
	margin-bottom:10px;
}
.btn_detail {
	text-align: right;
}
.banner {
	padding: 10px 0px;
    clear: both;   
}
.tableTop_text {
	margin: 20px 0px 10px 0px !important;
}
.title_img {
	margin: 20px 0px !important;
	padding: 0px !important;
	border: 0px !important;
	clear:both!important;
}
/* ------------------------------
   Form֘A
------------------------------ */
.ssl {
	margin: 20px 0px 10px 0px;
	padding: 10px;
	color: #333333;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	clear: both;
}
*:first-child+html .ssl {
	margin: 20px 0px 10px 0px;
	padding: 5px 10px 10px 10px;
	color: #333333;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	clear: both;
}
.must {
	color: #CC0000;
	font-weight: bold;
	margin-right: 2px;
}
#formnavi {
	margin: 10px 0px;
	clear: both;
}
#formnavi .btn1 {
	text-align: center;
}
#formnavi div {
	padding: 0px 10px 10px 10px;
}
#formnavi .btn2_lft {
	float: left;
	width: 415px;
	text-align: right;
}
#formnavi .btn2_rgt {
	float: left;
	width: 415px;
	text-align: left;
}
#formnavi form{
	width: 415px;
	margin: 0px;
	padding: 0px;
}
#error {
	margin: 0px;
}
#error h1 {
	margin: 0px 0px 20px 0px;
	padding: 13px 13px;
	background-color: #CC0000;
	background-image: url(../images/error_base.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	border-top: 2px solid #330000;
	font-size: 130%;
	font-weight: bold;
	color: #FFFFFF;
}
/* ------------------------------
   after
------------------------------ */
#area:after ,
#container:after ,
#rightBox .type2box:after ,
#formnavi:after {   
    content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0.1px;   
    line-height: 0;   
    clear: both;   
}  

