@charset "utf-8";


/*====================
 +base element
====================*/
body {
	background-color: #cdd3d5;
	font-family:
Arial, sans-serif;
	font-size: 15px;
	line-height: 20px;
	color: #333333;
	}


/*====================
 +link pseudo-class
====================*/
a,
a:active {
	color: #0066cc;
	text-decoration: underline;
	}
a:hover {
	color: #0099cc;
	text-decoration: none;
	}

#navi .menu li a,
#navi .menu li a:active,
#navi .menu2 li a,
#navi .menu2 li a:active,
#structure #breadcrumb a,
#structure #breadcrumb a:active,
#footer .pagejump a,
#footer .pagejump a:active  {
	text-decoration: none;
	}
#navi .menu li a:hover,
#navi .menu2 li a:hover,
#structure #breadcrumb a:hover,
#footer .pagejump a:hover  {
	text-decoration: underline;
	}

#header #hnavi #hnavi00 a,
#header #hnavi #hnavi00 a:active,
#header #hnavi #hnavi01 a,
#header #hnavi #hnavi01 a:active,
#header #hnavi #hnavi02 a,
#header #hnavi #hnavi02 a:active,
#header #hnavi #hnavi03 a,
#header #hnavi #hnavi03 a:active,
#header #hnavi #hnavi04 a,
#header #hnavi #hnavi04 a:active,
#header #hnavi #hnavi05 a,
#header #hnavi #hnavi05 a:active,
#header #hnavi #hnavi06 a,
#header #hnavi #hnavi06 a:active,
#footer .info a,
#footer .info a:active {
	color: #FFF;
	text-decoration: none;
	}
#header #hnavi #hnavi00 a:hover,
#header #hnavi #hnavi01 a:hover,
#header #hnavi #hnavi02 a:hover,
#header #hnavi #hnavi03 a:hover,
#header #hnavi #hnavi04 a:hover,
#header #hnavi #hnavi05 a:hover,
#header #hnavi #hnavi06 a:hover,
#footer .info a:hover {
	color: #4da0f3;
	text-decoration: none;	
	}


	
 
/*====================
 +structure
====================*/
#structure {
	width: 950px;
	text-align: left;
	background-color: #FFFFFF;
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(../img/bg.gif);
	background-repeat: repeat-y;
	background-position: 16px 0px;
	}
#structure #header {
	width: 950px;
	height: 142px;
	background-color: #FFF;
	}
#structure #navi {
	clear: both;
	width: 170px;
	float: left;
	background-image: url(../img/navi/bg_top.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-left: 16px;
	padding-top: 15px;
	}
#structure #footer {
	width: 950px;
	height: 110px;
	clear: both;
	background-image: url(../img/footer/bg.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	}
#structure #breadcrumb {
	font-size: 11px;
	line-height: 12px;
	color: #666666;
	height: 25px;
	width: 719px;
	float: right;
	background-image: url(../img/contents/bg_top.gif);
	background-repeat: no-repeat;
	clear: none;
	padding-right: 16px;
	padding-left: 29px;
	}
#structure #contents {
	width: 699px;
	float: right;
	clear: right;
	padding-right: 36px;
	}


/*====================
 +header
====================*/
#header h1 {
	float: left;
	width: 307px;
	padding-bottom: 7px;
	display: block;
	}
#header h2 {
	float: right;
	width: 612px;
	padding-bottom: 3px;
	padding-top: 14px;
	padding-right: 19px;
	clear: none;
	display: block;
	}
#header #mainmenu {
	clear: both;
	}
#header #mainmenu li {
	float: left;
	display: block;
	height: 42px;
	width: 316px;
	padding-bottom: 1px;
	clear: none;
	}
#header .mainmenu01 {
	padding-right: 1px;
	}
#header #hnavi {
	font-size: 13px;
	line-height: 13px;
	color: #FFF;
	background-image: url(../img/header/hnavi_bg.gif);
	background-repeat: repeat-x;
	clear: both;
	float: left;
	height: 38px;
	width: 950px;
	}
#header #hnavi li {
	display: block;
	padding-top: 8px;
	clear: none;
	float: left;
	padding-right: 10px;
	padding-left: 28px;
	background-repeat: no-repeat;
	background-position: 16px 0px;
	height: 14px;
	}
#header #hnavi #hnavi00 {
	background-image: url(../img/header/hnavi00.gif);
	}
#header #hnavi #hnavi01 {
	background-image: url(../img/header/hnavi01.gif);
	}
#header #hnavi #hnavi02 {
	background-image: url(../img/header/hnavi02.gif);
	}
#header #hnavi #hnavi03 {
	background-image: url(../img/header/hnavi03.gif);
	}
#header #hnavi #hnavi04 {
	background-image: url(../img/header/hnavi04.gif);
	}
#header #hnavi #hnavi05 {
	background-image: url(../img/header/hnavi05.gif);
	}
#header #hnavi #hnavi06 {
	background-image: url(../img/header/hnavi06.gif);
	}


/*====================
 +navi
====================*/

#navi h2 {
	height: 65px;
	width: 157px;
	overflow: hidden;
	font-size: 15px;
	line-height: 18px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding-top: 9px;
	padding-bottom: 6px;
	padding-right: 4px;
	padding-left: 9px;
	}
#navi .menu,
#navi .menu2  {
	font-size: 13px;
	line-height: 15px;
	padding-bottom: 24px;
	clear: both;
	float: left;
	}
#navi .menu li,
#navi .menu2 li  {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding-top: 13px;
	padding-bottom: 9px;
	padding-right: 4px;
	}
#navi .menu li  {
	background-image: url(../img/icon/arrow_next.gif);
	background-repeat: no-repeat;
	background-position: 9px 15px;
	width: 146px;
	padding-left: 20px;
	}
#navi .menu2 li  {
	width: 134px;
	list-style-position: outside;
	padding-left: 0px;
	margin-left: 28px;
	}
#navi .menu2 .small  {
	font-size: 11px;
	line-height: 14px;
	padding-top: 8px;
	}


/*====================
 +breadcrumb
====================*/


/*====================
 +footer
====================*/
#footer .pagejump {
	background-image: url(../img/icon/arrow_pagetop.gif);
	background-repeat: no-repeat;
	height: 17px;
	font-size: 11px;
	line-height: 12px;
	text-align: right;
	margin-right: 18px;
	padding-top: 15px;
	padding-right: 10px;
	background-position: right 17px;
	}

#footer .info {
	font-size: 11px;
	line-height: 21px;
	color: #CCC;
	background-color: #333;
	clear: both;
	float: left;
	height: 70px;
	padding-top: 8px;
	padding-right: 16px;
	padding-left: 16px;
	width: 918px;
	}


/*====================
 +clearfix
====================*/
.clearfix {
	overflow: hidden;
	}


/*====================
 +general class
====================*/
.btn_onmouse a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	}
.move {
	background-image: url(../img/icon/arrow_next.gif);
	background-repeat: no-repeat;
	font-size: 10px;
	line-height: 10px;
	padding-left: 10px;
	background-position: 0px 1px;
	}
#contents .new {
	background-image: url(../common/img/icon/new.gif);
	background-repeat: no-repeat;
	background-position: right;
	display: inline;
	padding-right: 26px;
	}

.none {
	display: none;
	}
.partition {
	letter-spacing: 0.5em;	
	}
.small {
	font-size: 11px;
	line-height: 14px;
	}


/*====================
 +contents
====================*/
#contents h3 {
	height: 34px;
	font-size: 25px;
	line-height: 21px;
	width: 699px;
	font-weight: bolder;
	padding-top: 36px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	overflow: hidden;
	}
#contents #basics_title h3 {
	height: 49px;
	line-height: 26px;	
	padding-top: 21px;
	}
#contents h3 .sub {
	font-size: 18px;
	font-weight: bold;
	}
#contents .mainblock {
	clear: both;
	float: left;
	width: 699px;
	}
#contents .honmon {
	clear: both;
	float: left;
	width: 495px;
	}
#contents .honmon h4 {
	font-size: 16px;
	line-height: 21px;
	font-weight: bold;
	width: 478px;
	clear: both;
	padding-top: 4px;
	padding-left: 10px;
	margin-bottom: 24px;
	margin-top: 27px;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #900;
	padding-bottom: 3px;
	}
#contents .honmon h5 {
	font-size: 15px;
	line-height: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	width: 495px;
	color: #036;
	margin-top: 27px;
	clear: both;
	font-weight: bold;
	}
#contents .honmon p + h4,
#contents .honmon div + h4,
#contents .honmon table + h4,
#contents .honmon ul + h4,
#contents .honmon ol + h4,
#contents .honmon p + h5,
#contents .honmon div + h5,
#contents .honmon table + h5,
#contents .honmon ul + h5,
#contents .honmon ol + h5 {
	margin-top: 24px;
	}
#contents .honmon h5 + p,
#contents .honmon h5 + div,
#contents .honmon h5 + table,
#contents .honmon h5 + ul,
#contents .honmon h5 + ol {
	margin-top: 6px;
	}
#contents .honmon p,
#contents .honmon table,
#contents .honmon ul,
#contents .honmon ol {
	margin-top: 12px;
	}
#contents .honmon ul li  {
	list-style-type: disc;
	list-style-position: inside;
	margin-left: 16px;
	}
#contents .honmon ol li  {
	list-style-type: decimal;
	list-style-position: inside;
	margin-left: 16px;
	}

#contents .columncontainer  {
	clear: right;
	float: right;
	width: 186px;
	}
#contents .column  {
	font-size: 13px;
	line-height: 18px;
	background-color: #f3f3f3;
	padding: 11px;
	margin-top: 18px;
	border: 1px solid #e2e2e2;
	width: 160px;
	}
#contents .column .cap  {
	font-size: 12px;
	line-height: 16px;
	}
#contents .mainblock .columncontainer div:first-child  {	
	margin-top: 79px;
	}
#contents .column h5 {
	font-size: 15px;
	line-height: 20px;
	font-weight: bold;
	color: #036;
	margin-bottom: 6px;
	}
#contents .column h6 {
	font-size: 13px;
	line-height: 17px;
	font-weight: bold;
	margin-bottom: 6px;
	background-color: #D4DADD;
	padding-top: 2px;
	padding-right: 2px;
	padding-left: 2px;
	}
#contents .column p + h6,
#contents .column div + h6,
#contents .column table + h6,
#contents .column ul + h6,
#contents .column ol + h6,
#contents .column p + h7,
#contents .column div + h7,
#contents .column table + h7,
#contents .column ul + h7,
#contents .column ol + h7 {
	margin-top: 16px;
	}

#contents .column img {
	background-color: #FFF;
	padding: 1px;
	margin-top: 3px;
	margin-bottom: 3px;
	border: 1px solid #999;	
	}
#contents .column .linkbtn {
	background-color: #FFF;
	width: 142px;
	margin-top: 3px;
	margin-bottom: 12px;
	border: 1px solid #666;
	font-size: 13px;
	line-height: 18px;
	padding-top: 8px;
	padding-right: 2px;
	padding-bottom: 6px;
	padding-left: 14px;
	background-image: url(../img/icon/arrow_next_red.gif);
	background-repeat: no-repeat;
	background-position: 4px 14px;
	}


#contents .honmon .imagebox {
	font-size: 11px;
	line-height: 14px;
	color: #666;
	background-color: #f3f3f3;
	padding: 6px;
	border: 1px solid #e2e2e2;
	}
#contents .honmon .cap {
	clear: both;
	float: left;
	}
#contents .honmon .img_left {
	float: left;
	margin-right: 16px;
	margin-bottom: 6px;
	}
#contents .honmon .img_right {
	float: right;
	margin-right: 1px;
	margin-left: 10px;
	clear: both;
	margin-bottom: 6px;
	}
/*====================
 +pagenation
====================*/
#contents #pagenation {
	float: left;
	clear: both;
	padding-top: 40px;
	padding-bottom: 24px;
	font-size: 13px;
	line-height: 13px;
	width: 495px;
	}
#contents #pagenation ul {
	text-align: center;
	}
#contents #pagenation li {
	margin: 1px;
	padding: 3px;
	display: inline;
	}
#contents #pagenation .gototop {
	background-image: url(../img/icon/arrow_top.gif);
	background-repeat: no-repeat;
	background-position: left 10px;
	padding-right: 10px;
	padding-left: 18px;
	width: 30px;
	}
#contents #pagenation .prev {
	background-image: url(../img/icon/arrow_prev.gif);
	background-repeat: no-repeat;
	background-position: left 10px;
	padding-right: 10px;
	padding-left: 10px;
	width: 40px;
	}
#contents #pagenation .page {
	height: 16px;
	width: 16px;
	border: 1px solid #CCC;
	background-color: #F2F4F5;
	}
#contents #pagenation .next {
	background-image: url(../img/icon/arrow_next.gif);
	background-position: right 10px;
	padding-right: 10px;
	padding-left: 10px;
	background-repeat: no-repeat;
	width: 40px;
	}
#contents #pagenation .gotoend {
	background-image: url(../img/icon/arrow_end.gif);
	background-repeat: no-repeat;
	background-position: right 10px;
	padding-right: 18px;
	padding-left: 10px;
	width: 30px;
	}

#contents #pagenation .gototop,
#contents #pagenation .prev,
#contents #pagenation .next,
#contents #pagenation .gotoend {
	padding-top: 5px;
	color: #FFF;
	visibility: hidden;
	}
	
#contents #pagenation .gototop a,
#contents #pagenation .gototop a:active,
#contents #pagenation .gototop a:hover,
#contents #pagenation .prev a,
#contents #pagenation .prev a:active,
#contents #pagenation .prev a:hover,#contents #pagenation .next a,
#contents #pagenation .next a:active
#contents #pagenation .next a:hover,#contents #pagenation .gotoend a,
#contents #pagenation .gotoend a:active,
#contents #pagenation .gotoend a:hover {
	visibility: visible;
	}

/*====================
 +company
====================*/
.honmon .gaiyo {
	padding-top: 32px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	}
.honmon .gaiyo dt {
	font-weight: bold;
	clear: both;
	float: left;
	width: 140px;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 3px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	}
.honmon .gaiyo dd {
	width: 335px;
	padding-top: 8px;
	padding-bottom: 3px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	float: left;
	clear: none;
	}

/*====================
 +contact
====================*/
.honmon_contact {
	clear: both;
	float: left;
	width: 699px;	
	}
.honmon_contact dt {
	padding-bottom: 12px;	
	}
.honmon_contact dt {
	padding-top: 4px;
	text-align: right;
	clear: both;
	float: left;
	width: 129px;
	padding-right: 10px;
	font-size: 13px;
	line-height: 17px;
	}
.honmon_contact dd {
	padding-top: 0px;
	clear: none;
	float: left;
	width: 550px;
	font-weight: normal;
	}
.honmon_contact .iraikoumoku {
	padding-bottom: 20px;
	}
.honmon_contact .iraikoumoku table td {
	padding-right: 20px;
	padding-bottom: 5px;
	}
.honmon_contact .sup {
	font-size: 11px;
	line-height: 14px;
	color: #900;
	}
.honmon_contact .lead {
	padding-top: 20px;	
	padding-bottom: 30px;	
	}

/*====================
 +basics
====================*/
#contents .honmon .cap {
	clear: both;
	float: left;
	}
#contents .honmon .img_left {
	float: left;
	margin-right: 16px;
	margin-bottom: 6px;
	}
#contents .honmon .img_right {
	float: right;
	margin-right: 1px;
	margin-left: 10px;
	clear: both;
	margin-bottom: 6px;
	}
#contents .honmon .imagebox685,
#contents .honmon .imagebox481 {
	color: #666;
	background-color: #f3f3f3;
	background-repeat: no-repeat;
	padding: 6px;
	border: 1px solid #e2e2e2;
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 12px;
	line-height: 16px;
	}
#contents .honmon .imagebox685 {
	width: 685px;
	}
#contents .honmon .imagebox481 {
	width: 481px;
	}
#contents .honmon .imagebox685 h6,
#contents .honmon .imagebox481 h6 {
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
	color: #036;
	text-align: center;
	}
#contents .honmon .imagebox685 p,
#contents .honmon .imagebox481 p {
	margin-top: 6px;
	margin-bottom: 6px;
	}
#contents .honmon .ch01_01 {
	background-image: url(../../basics/img/ch01_01.jpg);
	width: 685px;
	height: 439px;
	}
#contents .honmon .ch01_02 {
	background-image: url(../../basics/img/ch01_02.gif);
	width: 481px;
	height: 228px;
	}
#contents .honmon .ch02_01 {
	background-image: url(../../basics/img/ch02_01.gif);
	width: 481px;
	height: 219px;
	}
#contents .honmon .ch02_02 {
	background-image: url(../../basics/img/ch02_02.gif);
	width: 481px;
	height: 221px;
	}
#contents .honmon .ch02_03 {
	background-image: url(../../basics/img/ch02_03.gif);
	width: 685px;
	height: 244px;
	}
#contents .honmon .ch03_01 {
	background-image: url(../../basics/img/ch03_01.gif);
	width: 685px;
	height: 300px;
	}
#contents .honmon .ch03_02 {
	background-image: url(../../basics/img/ch03_02.gif);
	width: 481px;
	height: 274px;
	}
#contents .honmon .ch04_01 {
	background-image: url(../../basics/img/ch04_01.gif);
	width: 481px;
	height: 205px;
	}
#contents .honmon .ch04_02 {
	background-image: url(../../basics/img/ch04_02.gif);
	width: 481px;
	height: 185px;
	}
#contents .honmon .ch05_01 {
	background-image: url(../../basics/img/ch05_01.gif);
	width: 481px;
	height: 363px;
	}