@charset "utf-8";

/* 

------------------------------------------------------------------------------------------- 基本設定 */

* {margin:0px; padding:0px;}

html {

	overflow-y: scroll;

}

body {

	font-size: 12px;

	line-height: 1.6;

	color: #333;

	font-family: Verdana, sans-serif;

	letter-spacing: 1px;

	background-color: #FFF;

}

body#detail {

	background-color: #F1F1F1;

}



/* for WinIE6 */

* html body {

	font-size: 75%;

	font-family: Verdana, "MS P ゴシック", sans-serif;

	vertical-align:baseline;

}



/* for WinIE7 */

*:first-child+html body { 

	font-size: 75%;

	font-family: Verdana, 'メイリオ', Meiryo, sans-serif;

}

body, p, h1, h2, h3, h4, h5, ul, li, p {

	margin: 0;

	padding: 0;

	font-weight: normal;

}

table {

	font-size : 100%;

}

ul {

	list-style:none;

}

p {

	margin: 0 0 10px 0;

	padding: 0;

}

.small {

    font-size: 78%;

}

.large {

	font-size: 120%;

}

.large2 {

	font-size: 130%;

}

img { border: none;

	vertical-align:top; }

.white { color: #ffffff; }

.red { color: #cc0000; }

.blue { color: #336699; }

.orange { color: #FF3300; }

.green { color: #006600; }

.aright {

	text-align: right;

}

.right {

	float: right;

}

.left {

	float: left;

}

.center {

	text-align: center;

}

.f-right {

	float: right;

	margin-left: 10px;

	margin-bottom: 10px;

}

.f-left {

	float: left;

	margin-right: 10px;

	margin-bottom: 10px;

}

.clear {

	clear: both;

}

.tright {

	text-align:right;

}

.border {

	border: #ccc solid 1px;

}

.border-btm {

	border-bottom: #ccc solid 1px;

}



table.line {

	border: #aaa solid 1px;

}

table.center {

	margin-left : auto ;

	margin-right : auto ;

}

.pointer {

	cursor: pointer;

}

a:link {

	color:#134B8E;

	text-decoration:underline;

}

a:visited {

	color: #123f73;

	text-decoration:underline;

}

a:hover {

	color:#CC0000;

	text-decoration:underline;

}

a:active {

	color:#CC0000;

	text-decoration:underline;

}

/* clearFix*/

.clearfix:after {

	content: ".";

	display: block;

	visibility: hidden;

	height: 0.1px;

	font-size: 0.1em;

	line-height: 0;

	clear: both;

}

.clearfix {   

    zoom: 100%;   

}





/* 

------------------------------------------------------------------------------------------- hx用 */

h1, h2, h3, h4 {

	margin: 0;

	padding: 0;

	font-weight: normal;

}

.head_common_01 {

	margin: 0;

	padding: 1.2em 0.5em 0.5em 0.5em;

	background: #FFEFDF url(../images/bg_h01.gif);

	border-top: 3px solid #FF9900;

	border-bottom: 1px solid #CCC;

	font-size: 120%;

	color: #ff6633;

	clear: both;

	font-weight: bold;

	letter-spacing: 0.2em;

}

.head_common_02 {

	margin: 0;

	padding: 0.7em 0 0.5em 0;

	background: #FFF url(../images/bg_h02.gif) bottom repeat-x;

	font-size: 100%;

	clear: both;

	_height: 1%;

	zoom: 100%;

	letter-spacing: 0.1em;

	font-size: 120%;

	font-weight: bold;

}

.head_common_03 {

	margin: 0 0 10px 0;

	padding: 0.3em 0;

	border-bottom: 1px solid #CCC;

	font-size: 100%;

	_height: 1%;

	zoom: 100%;

	letter-spacing: 0.1em;

	font-size: 100%;

	font-weight: bold;

}

.head_common_04 {

	margin: 0 0 10px 0;

	padding: 0.4em 0.5em;

	border: 1px solid #CCC;

	font-size: 100%;

	_height: 1%;

	zoom: 100%;

	letter-spacing: 0.1em;

	font-size: 100%;

	font-weight: bold;

	background: #FFF url(../images/bg_box2.jpg) no-repeat;

}



/*

------------------------------------------------------------------------------------------- コンテンツ用 */

.bspace {

	margin-bottom: 10px;

}

.bspace2 {

	margin-bottom: 20px;

}

.lspace {

	padding-left: 10px;

}

.pad10 {

	padding: 10px;

	height: 1%;

	zoom: 100%;

}

.pad0-10 {

	padding: 0 10px;

}

.rb-space {

	padding: 0 5px 0 0;

}

td.wborder {

	border-top: 1px solid #FFF;

	border-left: 1px solid #FFF;

}

.box {

	background: #FFF url(../images/bg_box.jpg) no-repeat;

	border: 1px solid #ccc;

	border-right-color: #ddd;

	border-bottom-color: #ddd;

	padding: 10px;

	_height: 1%;

	overflow: hidden;

	line-height: 1.6;

}

.box li {

	padding-left: 10px;

	background: url(../images/icon_list02.gif) 0 0.6em no-repeat;

}

.box li a:link,

.box li a:visited,

.box li a:hover,

.box li a:active {

	color: #0000CC;

	text-decoration:none;

}

ol.base {

	margin-top: 0;

	margin-bottom: 0;

}

.cl02-1-table {

	border-top:1px dotted #999;

}

.cl02-1-table .side-border {

	border-right:1px dotted #999;

	border-left:1px dotted #999;

	padding:0 10px;

}

.cl02-1-table td {

	padding:10px;

}

	





/*

------------------------------------------------------------------------------------------- メインコンテナ */

#container  {

	margin: 0;

	padding: 0;

	position: relative;

}

#detail #container  {

	width: 760px;

	margin: 0 auto;

	padding: 0;

	position: relative;

	background-color: #FFF;

}



/*

------------------------------------------------------------------------------------------- ヘッダー用 */

#h1 {

	margin:0 auto;

	background-color: #BBB;

}



#h1 h1 {

	overflow-y:hidden;

	width:760px;

	height:21px;

	margin:0 auto;

	font-size:10px;

	color:#fff;

}



/*

------------------------------------------------------------------------------------------- ヘッダー用 */

#header {

	height:157px;

	background: #FFF url(../images/bg.gif) top left repeat-x;

}

#headerInner {

	width: 760px;

	margin: 0 auto;

	background: #FFF url(../images/bg_header.jpg) top center no-repeat;

}

#headerInner .logo {

	width: 380px;

	height: 42px;

	padding-top:25px;

}

.subMenu {

	width:244px;

	margin-left:516px;

}

.mainMenu {

	width:670px;

	margin:0 45px;

}

.subMenu li,

.toiMenu li,

.mainMenu li{

	float:left;

}

.toiMenu {

	width:267px;

	margin-left:493px;

}











/*

#headerInner ul {

	margin: 0;

	padding: 0;

	position: absolute;

}

#headerInner ul li {

	position: absolute;

	font-size: 8px;

}

#headerInner ul li a:focus{

	overflow: hidden;

}

#headerInner ul.subMenu {

	width: 200px;

	height: 15px;

	margin: 0;

	padding: 0;

	right: 0;

	top: 69px;

	position: absolute;

}

#headerInner ul.subMenu li a {

	height: 15px;

	margin: 0;

	padding: 0;

	text-indent: -9999px;

	text-decoration: none;

	display: block;

	position: absolute;

	top: 0;

}

#headerInner ul.subMenu li.sm1 a {

	width: 62px;

	left: 0;

}

#headerInner ul.subMenu li.sm2 a {

	width: 62px;

	left: 62px;

}

#headerInner ul.subMenu li.sm3 a {

	width: 76px;

	left: 124px;

}

#headerInner ul.toiMenu {

	width: 261px;

	height: 34px;

	margin: 0;

	padding: 0;

	right: 0;

	top: 89px;

	position: absolute;

}

#headerInner ul.toiMenu li a {

	height: 34px;

	margin: 0;

	padding: 0;

	text-indent: -9999px;

	text-decoration: none;

	display: block;

	position: absolute;

	top: 0;

}

#headerInner ul.toiMenu li.tm1 a {

	width: 55px;

	left: 0;

	background: url(../images/header-toimenu-bg.gif) 0 0 no-repeat;

}

#headerInner ul.toiMenu li.tm2 a {

	width: 120px;

	left: 55px;

	background: url(../images/header-toimenu-bg.gif) -55px 0 no-repeat;

}

#headerInner ul.toiMenu li.tm3 a {

	width: 86px;

	left: 175px;

	background: url(../images/header-toimenu-bg.gif) -175px 0 no-repeat;

}

#headerInner ul.toiMenu li.tm1 a:hover,

body#m8 #headerInner ul.toiMenu li.tm1 a {

	background: url(../images/header-toimenu-bg.gif) 0 -34px no-repeat;

}

#headerInner ul.toiMenu li.tm2 a:hover,

body#m9 #headerInner ul.toiMenu li.tm2 a {

	background: url(../images/header-toimenu-bg.gif) -55px -34px no-repeat;

}

#headerInner ul.toiMenu li.tm3 a:hover,

body#m10 #headerInner ul.toiMenu li.tm3 a {

	background: url(../images/header-toimenu-bg.gif) -175px -34px no-repeat;

}

#headerInner ul.mainMenu {

	width: 545px;

	height: 20px;

	margin: 0;

	padding: 0;

	right: 0;

	top: 134px;

	position: absolute;

}

#headerInner ul.mainMenu li a {

	height: 20px;

	margin: 0;

	padding: 0;

	text-indent: -9999px;

	text-decoration: none;

	display: block;

	position: absolute;

	top: 0;

}

#headerInner ul.mainMenu li.mm1 a {

	width: 105px;

	left: 0;

	background: url(../images/header-mainmenu-bg.gif) 0 0 no-repeat;

}

#headerInner ul.mainMenu li.mm2 a {

	width: 83px;

	left: 105px;

	background: url(../images/header-mainmenu-bg.gif) -105px 0 no-repeat;

}

#headerInner ul.mainMenu li.mm3 a {

	width: 83px;

	left: 188px;

	background: url(../images/header-mainmenu-bg.gif) -188px 0 no-repeat;

}

#headerInner ul.mainMenu li.mm4 a {

	width: 82px;

	left: 271px;

	background: url(../images/header-mainmenu-bg.gif) -271px 0 no-repeat;

}

#headerInner ul.mainMenu li.mm5 a {

	width: 71px;

	left: 353px;

	background: url(../images/header-mainmenu-bg.gif) -353px 0 no-repeat;

}

#headerInner ul.mainMenu li.mm6 a {

	width: 121px;

	left: 424px;

	background: url(../images/header-mainmenu-bg.gif) -424px 0 no-repeat;

}

#headerInner ul.mainMenu li.mm1 a:hover,

body#m3 #headerInner ul.mainMenu li.mm1 a {

	background: url(../images/header-mainmenu-bg.gif) 0 -20px no-repeat;

}

#headerInner ul.mainMenu li.mm2 a:hover,

body#m4 #headerInner ul.mainMenu li.mm2 a {

	background: url(../images/header-mainmenu-bg.gif) -105px -20px no-repeat;

}

#headerInner ul.mainMenu li.mm3 a:hover,

body#m5 #headerInner ul.mainMenu li.mm3 a {

	background: url(../images/header-mainmenu-bg.gif) -188px -20px no-repeat;

}

#headerInner ul.mainMenu li.mm4 a:hover,

body#m6 #headerInner ul.mainMenu li.mm4 a {

	background: url(../images/header-mainmenu-bg.gif) -271px -20px no-repeat;

}

#headerInner ul.mainMenu li.mm5 a:hover,

body#m7 #headerInner ul.mainMenu li.mm5 a {

	background: url(../images/header-mainmenu-bg.gif) -353px -20px no-repeat;

}

#headerInner ul.mainMenu li.mm6 a:hover,

body#m2 #headerInner ul.mainMenu li.mm6 a {

	background: url(../images/header-mainmenu-bg.gif) -424px -20px no-repeat;

}*/





/*

------------------------------------------------------------------------------------------- right */

#right-list li{

	margin-bottom:5px;

}







/*

------------------------------------------------------------------------------------------- index */

dl.info {

	margin: 0;

	padding: 0;

}

dl.info dt {

	margin: 0;

	padding: 0 0 0 10px;

	background: url(../images/icon_list01.gif) 0 7px no-repeat;

}

dl.info dd {

	margin: 0 0 10px 0;

	padding: 0 0 10px 10px;

	border-bottom: 1px dotted #CCC;

}

#info {

	width:100%;

}

#info th,

#info td {

	padding:5px 10px;

}

#info th {

	width:20%;

	background: url(../images/icon_list01.gif) no-repeat left center;

}

#info td img {

	vertical-align:middle;

}





/*

------------------------------------------------------------------------------------------- pageTitle */

#pageTitle {

	width: 815px;

	margin: 0 auto;

	padding: 0;

	clear: both;

}





/*

------------------------------------------------------------------------------------------- メイン設定 */

#main {

	width: 760px;

	margin: 0 auto;

	padding: 10px 0;

	overflow: hidden;

	clear: both;

}

#mainLeft {

	width: 545px;

	margin: 0;

	padding: 0;

	float: left;

}

#mainRight {

	width: 200px;

	margin: 0;

	padding: 0;

	float: right;

}





/*

------------------------------------------------------------------------------------------- メインメニュー用 */

ul#menu {

	margin: 0;

	padding: 10px 0 20px 0;

	list-style: none;

}

ul#menu li {

	list-style: none;

	margin: 0;

	padding: 0;

}

#menu ul li img {

	vertical-align:top;

}

#menu img {

	vertical-align:top;

}



/*

------------------------------------------------------------------------------------------- 中ページ */



#catalog {

	width: 690px;

	margin: 0 auto 20px auto;

	padding: 0 10px;

}

#catalog .cont {

	width: 190px;

	margin: 10px;

	padding: 9px;

	float: left;

	border: 1px solid #DDD;

	background: #FFF url(../images/bg-catalog.jpg) top center no-repeat;

	text-align: center;

}

#catalog .cont h4 {

	font-size: 100%;

	font-weight: bold;

	color: #FF6633;

}

#catalog .cont p {

	text-align: center;

	margin: 0;

}

#catalog .cont p img {

	margin: 0 0 5px 0;

	padding: 4px;

	background-color: #FFF;

	border: 1px solid #FFCC33;

}

#catalog .cont p.contact a {

	width: 10em;

	margin: 0 auto;

	padding: 3px;

	background-color: #EEE;

	color: #FF6633;

	display: block;

	font-size: 82%;

	text-decoration: none;

	border: 1px solid #CCC;

}

#catalog .cont p.contact a:hover {

	background-color: #FF9933;

	color: #FFF;

	text-decoration: none;

}







/*

------------------------------------------------------------------------------------------- ul dl */

ul.base01 {

	margin: 0 0 10px 0;

	padding: 10px;

	overflow: hidden;

	height: 1%;

	border: 1px solid #ddd;

	background: #FFF url(../images/bg_h04.gif) top repeat-x;

}

ul.base01 li {

	margin: 0 0 7px 0;

	padding: 5px 0 10px 15px;

	border-bottom: 1px solid #ddd;

	font-size: 120%;

	background: url(../images/icon_list02.gif) 0 0.8em no-repeat;

}





dl.base01 {

	margin: 0 0 10px 0;

	padding: 10px;

	overflow: hidden;

	height: 1%;

	border: 1px solid #ddd;

	background: #FFF url(../images/bg_h02.gif) top repeat-x;

}

dl.base01 dt {

	margin: 0 0 5px 0;

	padding: 0;

	border-bottom: 1px solid #ddd;

	color: #0066CC;

	font-weight: bold;

}

dl.base01 dd {

	margin: 0 0 5px 10px;

	padding: 0;

}







/*

------------------------------------------------------------------------------------------- フッター用 */

#footer {

	width: 100%;

	margin: 0;

	padding: 0;

	clear: both;

	background: #FFF url(../images/footer-bg.gif) top repeat-x;

	position: relative;

}

#detail #footer {

	margin: 0;

	padding: 0;

	clear: both;

	background-image: none;

	background-color: #FFF;

}

#footerInner {

	width: 760px;

	margin: 0 auto;

	padding: 0;

	position: relative;

	color: #888;

}

#footerInner p.pagetop {

	margin: 0;

	padding: 0;

	text-align: right;

}

#footerInner ul li {

	float: left;

	margin: 0;

	padding: 10px 4px 0 0;

}

#footerInner .bnrArea {

	margin: 0 0 3px 0;

	padding: 0;

}

#footerInner p.footmenu {

	margin: 10px 0 10px 0;

	padding: 10px;

	font-size: 82%;

	background-color: #FFF;

	border: 1px solid #DDD;

	clear: both;

}

#footer a:link,

#footer a:visited,

#footer a:hover,

#footer a:active {

	color: #666;

	text-decoration:none;

}



/*

------------------------------------------------------------------------------------------- form */

form {

	margin: 0;

	padding: 0;

}

.input1 {

	width: 400px;

}

.input2 {

	width: 500px;

}

textarea {

	width: 350px;

	height: 100px;

}



.tb1 {

	border-collapse:collapse;

	border:1px solid #ccc;

}

.tb1 td{padding:3px;

font-size:x-small;

border:1px solid #ccc;

}







/*

------------------------------------------------------------------------------------------- life 0909add */

#p18-left {

	width:370px;

	float:left;

}

#p18-right {

	width:370px;

	float:right;

}

.p18-h3 {

	font-weight:600;

	font-size:120%;

	background:url(../images/icon01.gif) no-repeat left center;

	padding-left:15px;

	border-bottom:2px dotted #99cc00;

	margin-bottom:10px;

	margin-top:20px;

}

.midashi01 {

	background-color:#eee;

	border-right:1px solid #ccc;

	border-bottom:1px solid #ccc;

	padding:3px 5px;

	color: #690;

	font-weight:600;

}

#info-box {

	width:370px;

	margin-top:20px;

}

#info-box span {

	background:url(../images/icon_list01.gif) no-repeat left center;

	padding-left:10px;

	font-weight:600;

}

#info-box img {

	vertical-align:middle;

}

.list1 {

	list-style:outside disc;

	padding:10px 30px;

	margin-bottom:10px;

	background:url(../images/life_cut02.gif) no-repeat right bottom #e6ffb5;

}

#p18-table1 {

	width:100%;

	border-collapse:collapse;

	margin-bottom:10px;

}

#p18-table1 th,

#p18-table1 td {

	text-align:center;

	padding:1px 5px;

	border:1px solid #ccc;

}

#p18-table1 th {

	background-color:#e6ffb5;

}

#p19-img-box {

	float:left;

}

#p19-img-box img {

	margin:0 10px 10px 0;

	border:1px solid #ccc;

	padding:2px;

}

#p19-text-box {

	float:left;

	width:535px;

}


/* 20091127add
-----------------------------*/
.prep{
	height: 100px;
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	display: block;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 80px;
	font-size: 15px;
	font-weight: bold;
}





/*

------------------------------------------------------------------------------------------- Print */

@media print{

body#m1 {

	zoom: 0.9;

}html,

body,

#footer {

	background-image: none;

}

#main {

	overflow: visible;

}

}
.w371{width:371px;}
.w580{width:580px;}
.w160{width:160px;}