﻿

/* common */
/* -------------------------------------------------------- */

#middleArea{
margin: 0;
	padding: 0;

}

	


#middleArea h1{
	margin: 0;
	padding-left:10px;
	padding-bottom:5px;
	font-size: 12px;
	font-weight: normal;
}

#middleArea h2{
	margin: 0;
	padding: 0;

}


/* parts */
.b {font-weight:bold !important;}
.le {text-align:left !important;}
.ri {text-align:right !important;}
.cen {text-align:center !important;}
.ri img,
.cen img {display:inline; vertical-align:top;}
.inline img,
img.inline {display:inline; vertical-align:middle !important;}

.m00 {margin-bottom:0 !important;}
.m05 {margin-bottom:5px !important;}
.m10 {margin-bottom:10px !important;}
.m15 {margin-bottom:15px !important;}
.m20 {margin-bottom:20px !important;}
.m25 {margin-bottom:25px !important;}
.m30 {margin-bottom:30px !important;}
.m35 {margin-bottom:35px !important;}
.m40 {margin-bottom:40px !important;}
.m45 {margin-bottom:45px !important;}
.m50 {margin-bottom:50px !important;}
.m55 {margin-bottom:55px !important;}
.m60 {margin-bottom:60px !important;}
.m65 {margin-bottom:65px !important;}

.auto {width:auto !important;}
.w100 {width:100%;}

.lBlock {float:left;}
.rBlock {float:right;}


/* list */
ul.discList {list-style-type:disc; margin-left:2em;}

ul.attentionList {margin-left:1.2em;}
ul.attentionList li {width:100%; position:relative;}
ul.attentionList li span {position:absolute; top:0; left:-1.2em;}


/* table */
table.fix {table-layout:fixed !important;}
table .le {text-align:left !important;}
table .cen {text-align:center !important;}
table .ri {text-align:right !important;}
table .top {vertical-align:top !important;}
table .middle {vertical-align:middle !important;}
table .bottom {vertical-align:bottom !important;}

.tableBlock {width:100%; border-collapse:collapse; border-spacing:0; empty-cells:show;}
.tableBlock th {font-weight:bold; text-align:left; vertical-align:middle;}
.tableBlock td {text-align:left; vertical-align:middle;}


/* yutori */
#yutori {width:950; text-align:center; margin-left:10px; _margin-left:5px; padding:0;}
#yutori * {margin:0; padding:0;}
#yutori ul {list-style-type:none;}

#yutori a:link,
#yutori a:visited,
#yutori a:active {color:#000098; text-decoration:underline;}
#yutori a:hover {color:#000098; text-decoration:none;}

#yutori .ttl1 {width:930px; font-size:20px; font-weight:bold; color:#fff; line-height:110%; text-align:center; margin:0 auto; padding:14px 0 25px 0; background:url(../img/ttl_bg_01.gif) no-repeat left top;}
#yutori .ttl1a {width:890px; font-size:20px; font-weight:bold; color:#fff; line-height:110%; text-align:center; margin:0 auto; padding:14px 0 25px 0; background:url(../img/ttl_bg_01a.gif) no-repeat left top;}
#yutori .ttl2 {font-size:20px; font-weight:bold; color:#333; line-height:110%; text-align:left; margin:0 0 18px 0; padding:0 0 5px 40px; background:url(../img/icon_02.gif) no-repeat left top; border-bottom:solid 2px #960003;}
#yutori .ttl3a,
#yutori .ttl3b {font-size:18px; font-weight:bold; color:#fff; line-height:110%; text-align:center; padding:10px 0;}
#yutori .ttl3a {background:url(../img/ttl_bg_03a.gif) no-repeat left top;}
#yutori .ttl3b {background:url(../img/ttl_bg_03b.gif) no-repeat left top;}
#yutori .ttl4a,
#yutori .ttl4b,
#yutori .ttl4c {font-size:18px; font-weight:bold; line-height:110%; text-align:left; margin:0 0 8px 0; padding:8px 10px 6px 10px; background:url(../img/ttl_bg_04.gif) repeat-x left bottom;}
#yutori .ttl4a {border-top:solid 3px #150666;}
#yutori .ttl4b {border-top:solid 3px #880008;}
#yutori .ttl4c {border-top:solid 3px #0e6a3e;}

#yutori .block1 {width:950px; text-align:left; margin:0 0 30px 0;}
#yutori .block1 .inner {width:100%; padding:0 0 6px 0; background:url(../img/bg_01b.gif) no-repeat left bottom;}
#yutori .block1 .inner .inner {width:100%; padding:20px 0; background:url(../img/bg_01a.jpg) no-repeat left top;}
#yutori .block1 .txt1 {font-size:14px; color:#ccc; line-height:170%; margin:0 40px;}

#yutori .block2 {width:914px; text-align:left; margin:0 auto 30px auto;}
#yutori .block2 h3 {padding:0 0 9px 7px; float:left;}

#yutori .block3 {width:900px; text-align:left; margin:0 auto 40px auto;}
#yutori .block3 ul {font-size:16px; font-weight:bold; margin:0 10px;}
#yutori .block3 li {padding:4px 0 4px 22px; background:url(../img/icon_01.gif) no-repeat left center;}
#yutori .block3 li span {font-size:14px; font-weight:normal;}

#yutori .block4 {width:920px; text-align:left; margin:0 auto 40px auto;}
#yutori .block4 ul.nav {font-size:16px; margin:0 0 0 12px;}
#yutori .block4 ul.nav li {padding:0 5px 0 0; float:left;}
#yutori .block4 ul.nav li a {font-weight:bold; margin:0 5px 0 0;}
#yutori .block4 ul {width:100%;}
#yutori .block4 li {padding:0 0 10px 10px; float:left;}
#yutori .block4 .inner {width:445px; background:url(../img/bg_03c.gif) no-repeat left bottom;}
#yutori .block4 .inner .inner {width:445px; background:url(../img/bg_03a.gif) no-repeat left top;}
#yutori .block4 .inner .inner .inner {width:400px; margin:0 0 0 26px; padding:20px 0 25px 0; background:none;}
#yutori .block4 .lBlock {width:120px;}
#yutori .block4 .rBlock {width:268px;}
#yutori .block4 .ttl {width:auto; font-size:18px; font-weight:bold; line-height:120%; color:#333; margin:0 0 10px 0; border-collapse:collapse; border-spacing:0; empty-cells:show;}
#yutori .block4 .ttl th {width:60px; text-align:left; vertical-align:top;}
#yutori .block4 .ttl td {text-align:left; vertical-align:middle;}
#yutori .block4 .txt {font-size:14px; line-height:160%; margin:0 0 15px 0;}
#yutori .block4 .link {font-size:14px; line-height:160%; padding:0 0 0 10px; background:url(../img/icon_03.gif) no-repeat left center;}
#yutori .block4 .ttl4a,
#yutori .block4 .ttl4b,
#yutori .block4 .ttl4c {margin:0 12px 10px 12px;}
#yutori .block4 .btnPagetop {font-size:10px; text-align:right; margin:0 15px 15px 15px;}

#yutori .block5 {width:970px; text-align:left; margin:0 0 15px 0;}
#yutori .block5 img {display:block;}
#yutori .block5 .inner {width:100%; height:405px; background:url(../img/bg_01b.gif) no-repeat left top;}
#yutori .block5 .inner .inner {width:930px; height:auto; margin:0 0 0 20px; padding:20px 0 0 0; position:relative;}
#yutori .block5 ul {position:absolute; bottom:0; left:20px;}
#yutori .block5 ul li {padding:0 3px 0 0; float:left;}

#yutori .block6 {width:970px; font-size:14px; font-weight:bold; text-align:left; margin:0 0 15px 0;}
#yutori .block6 li {padding:2px 20px 2px 22px; background:url(../img/icon_01.gif) no-repeat left center; float:right;}

#yutori .block7 {width:910px; text-align:left; margin:0 auto 35px auto;}
#yutori .block7 .txt1 {font-size:14px; line-height:170%; text-align:center; margin:0 0 25px 0;}
#yutori .block7 .txt2 {width:900px; font-size:14px; font-weight:bold; line-height:120%; margin:0 0 0 10px; border-collapse:collapse; border-spacing:0; empty-cells:show; table-layout:fixed;}
#yutori .block7 .txt2 td {height:60px; text-align:left; vertical-align:middle; background-repeat:no-repeat; background-position:0 0;}
#yutori .block7 .txt2 td.bg1 {background-image:url(../img/ttl_bg_02a.gif);}
#yutori .block7 .txt2 td.bg2 {background-image:url(../img/ttl_bg_02b.gif);}
#yutori .block7 .txt2 td a {margin:0 0 15px 0; padding:0 30px 0 15px; display:block; zoom:1;}
#yutori .block7 .txt2 td a:link,
#yutori .block7 .txt2 td a:visited,
#yutori .block7 .txt2 td a:active {color:#fff; text-decoration:none;}
#yutori .block7 .txt2 td a:hover {color:#fff; text-decoration:underline;}

#yutori .block8 {width:890px; text-align:left; margin:0 auto 30px auto;}
#yutori .block8 table {width:100%; font-size:14px; margin:0 0 10px 0; border-collapse:collapse; border-spacing:0; empty-cells:show; border:solid 1px #dadada;}
#yutori .block8 col.cell1 {width:auto;}
#yutori .block8 col.cell2 {width:64px;}
#yutori .block8 col.cell3 {width:79px;}
#yutori .block8 col.cell4 {width:98px;}
#yutori .block8 col.cell5 {width:135px;}
#yutori .block8 col.cell6 {width:205px;}
#yutori .block8 th,
#yutori .block8 td {text-align:center; vertical-align:middle; border:solid 1px #dadada;}
#yutori .block8 th {font-weight:bold; line-height:120%; padding:5px 0 8px 0; background:#e5eff9;}
#yutori .block8 th img {margin:5px auto 0 auto;}
#yutori .block8 td {padding:8px 0 6px 0; background:#fff;}
#yutori .block8 td p {margin:0 5px;}
#yutori .block8 td p.co {color:#990005;}
#yutori .block8 td ul {margin:0 0 0 5px;}
#yutori .block8 td li {padding:0 0 2px 0;}
#yutori .block8 td li img {vertical-align:top;}

#yutori .block9 {width:890px; text-align:left; margin:0 auto 30px auto;}
#yutori .block9 .inner1 {margin:0 0 40px 0;}
#yutori .block9 .inner1 .lBlock {width:410px;}
#yutori .block9 .inner1 .rBlock {width:470px;}
#yutori .block9 .inner1 p {font-size:14px; line-height:170%;}
#yutori .block9 .inner1 table {width:100%; font-size:14px; line-height:120%; border-collapse:collapse; border-spacing:0; empty-cells:show;}
#yutori .block9 .inner1 col.cell1 {width:98px;}
#yutori .block9 .inner1 col.cell2 {width:auto;}
#yutori .block9 .inner1 col.cell3 {width:98px;}
#yutori .block9 .inner1 col.cell4 {width:145px;}
#yutori .block9 .inner1 th,
#yutori .block9 .inner1 td {text-align:center; vertical-align:middle; padding:10px 0; border:solid 1px #dadada;}
#yutori .block9 .inner1 th {font-weight:normal; background:#f1f1f1;}
#yutori .block9 .inner1 td {background:#fff;}
#yutori .block9 .inner2 {margin:0 0 0 85px;}
#yutori .block9 .inner2 li {padding:0 7px 0 0; float:left;}

#yutori .block10 {width:890px; text-align:left; margin:0 auto 25px auto; padding:0 0 25px 0; border-bottom:solid 1px #ccc;}
#yutori .block10.last {margin:0 auto; padding:0; border-bottom:0;}
#yutori .block10 .btn {margin:0 0 26px 28px;}
#yutori .block10 .btn li {padding:0 15px 0 0; float:left;}
#yutori .block10 .inner1 {width:100%;}
#yutori .block10 .inner1 .lBlock {width:570px;}
#yutori .block10 .inner1 .rBlock {width:315px;}
#yutori .block10 .inner1 .ttl {font-size:18px; font-weight:bold; color:#000; margin:0 0 5px 0;}
#yutori .block10 .inner1 .nav {font-size:14px; margin:0 0 0 30px;}
#yutori .block10 .inner1 .nav li {padding:0 0 2px 14px; background:url(../img/icon_04.gif) no-repeat 0 5px;}
#yutori .block10 .inner1 .nav li a:link,
#yutori .block10 .inner1 .nav li a:visited,
#yutori .block10 .inner1 .nav li a:active {color:#3686d6; text-decoration:none;}
#yutori .block10 .inner1 .nav li a:hover {color:#3686d6; text-decoration:underline;}
#yutori .block10 .inner2 {padding:20px 15px; border:solid 1px #ccc;}
#yutori .block10 .inner2 img {margin:0 0 0 25px; float:right; display:inline;}
#yutori .block10 .inner2 dt {font-size:14px; font-weight:bold; margin:0 0 10px 0;}

#yutori .block11 {width:890px; text-align:left; margin:0 auto 35px auto;}
#yutori .block11 .ttl {width:860px; margin:0 0 15px 0;}
#yutori .block11 .inner1 {width:860px; margin:0 0 0 30px;}
#yutori .block11 .inner1 p {font-size:14px; line-height:160%;}
#yutori .block11 .inner1 img.lBlock {margin:0 35px 10px 0;}
#yutori .block11 .inner1 img.rBlock {margin:0 0 10px 35px;}
#yutori .block11 .inner2 dl {width:860px; font-size:14px; line-height:160%; margin:0 0 20px 30px;}
#yutori .block11 .inner2 dt {width:810px; font-weight:bold; float:right;}
#yutori .block11 .inner2 dd.txt {width:810px; float:right;}
#yutori .block11 .inner2 dd.img {width:36px; float:left;}

#yutori .block12 {text-align:right; margin:0 25px 30px 25px;}

#popupWin {width:306px; text-align:left; position:absolute;}
#popupWin .inner1 {width:306px; padding:16px 0 0 0; background:url(../img/bg_02a.png) no-repeat left top;}
#popupWin .inner1 .inner1 {width:306px; padding:0 0 15px 0; background:url(../img/bg_02c.png) no-repeat left bottom;}
#popupWin .inner1 .inner1 .inner1 {width:272px; margin:0 0 0 15px; padding:0; background:none;}
#popupWin .img {margin:0 0 5px 0;}
#popupWin .ttl {margin:0 0 10px 0;}
#popupWin .txt {font-size:14px;}



/* clear */
/* -------------------------------------------------------- */
.cfix:after {content:" "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0;}
.cfix {display:inline-block;}
/* no ie mac \*/
* html .cfix {height:1%;}
.cfix {display:block;}
/* */
