@charset "UTF-8";

body, div, p,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
form, input, textarea,
table, th, td{  
margin:0px; 
padding:0px; 
}

ul, ol {
list-style-type: none;
}

img{
border:0px;
vertical-align:bottom;
}

table{
border-collapse:collapse;
border-spacing:0px;
width: 100%;
}

th, td {
padding: 5px 10px;
border: 1px solid #999999;
vertical-align: top;
}

th {
background-color: #eee;
}


/* common
------------------------------------*/

a:link { color: #333333; }
a:visited { color: #333333; }
a:hover { color: #333333; }
a:active { color: #333333; }
a img {opacity: 1;transition: all 0.2s ease-in 0s;}
a:hover img {opacity: 0.7;transition: all 0.2s ease-in 0s;}

body{
font-size:80%;
text-align:center;
line-height:1;
color: #333333;
overflow-x: hidden;
font-family: "メイリオ","ヒラギノ角ゴ Pro W3",sans-serif,"ＭＳ Ｐゴシック", Osaka;
}

#container {
margin:0px auto;
text-align: left;
}

#header {
	width: 960px;
	margin: 0 auto 14px;
padding: 0;
}

#header div {
	float: left;
	padding: 15px 0 0;
	width:341px;
}
#header div p {
	text-align: center;
	padding: 8px 0;
	border: solid 1px #2260B0;
	width:341px;
	margin: 0 0 10px;
	color:#2260B0;
}

#header p {
float: right;
width: 259px;
}

#gNavi {
text-align: left;
background-color: #2260B0;
}
#gNavi ul {
	width: 960px;
	margin:auto;
}
#gNavi ul li {
display: inline;
float: left;
}

#gNavi ul li a img:hover { opacity: 1; }

#contents {
	width:960px;
	margin: 0 auto;
	padding: 0 0 40px;
}

#main {
width: 700px;
float: right;
}

#main h2 {
background-image: url(../img/h2_bg.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
width: 700px;
height: 100px;
}

#main h2.h2_02 {
background-image: url(../img/h2_bg_02.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
width: 700px;
height: 85px;
}

#main h2.h2_03 {
background-image: url(../img/h2_bg_03.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
width: 700px;
height: 63px;
}

#main h2 span.styleSpan01 {
color: #1260C9;
display: block;
padding: 18px 0 0 17px;
font-size: 20pt;
}

#main h2 span.styleSpan02 {
display: block;
font-size: 60%;
padding: 9px 0 0 19px;
line-height: 1.3;
font-weight: normal;
}

#main h3 {
color: #1260C9;
border-bottom: 2px solid #1260C9;
font-size: 140%;
padding: 0 0 10px;
}

#main h2,
#main h3,
#main h4,
#main h5 {
margin: 0 0 20px;
}

#main .cassette p,
#main .cassette ul,
#main .cassette dl,
#main .cassette table {
margin: 0 0 20px;
line-height: 1.5;
}

#menu {
width: 180px;
float: left;
}

#menu #menu01 {
border-top: 1px solid #E0E0E0;
border-right: 1px solid #E0E0E0;
border-left: 1px solid #E0E0E0;
margin: 0 0 23px;
}

#menu #menu01 a {
text-decoration: none;
}

#menu #menu01 a:hover,
#menu #menu01 a:active {
text-decoration: underline;
}

#menu #menu01 h3 {
background-color: #D6E6F9;
font-size: 100%;
font-weight: normal;
}

#menu #menu01 h3 a {
border-bottom: 2px solid #C2CAD3;
display: block;
}

#menu #menu01 h3 a span {
padding: 8px 12px;
display: block;
border-bottom: 1px solid #FFFFFF;
color:#1260C9;
font-weight:bold;
}



#menu #menu01 #styleUlMenu01 li a {
display: block;
padding: 0px 0px 0px 0px;
}

#menu #styleUlMenu02 li {
margin: 0 0 5px;
}

#footer {
	background:url(../img/footer_bg.gif) repeat-x 0 0;
	height: 282px;
	text-align:left;
	color:#2260B0;
	line-height: 1.8;
}

#footer a {text-decoration: none; color:#2260B0;}
#footer a:hover,
#footer a:active
{ opacity: 0.4;}


#footer h3 {
	font-size: 150%;
	margin: 0 0 5px;
}
#footer h4 {
	font-size: 120%;
	margin: 0 0 5px;
}

#footerIn1,
#footerIn2 {
	width: 960px;
	margin:auto;
}

#footerIn1 div.divIn1 {
	float:left;
	box-sizing: border-box;
	width: 319px;
	height: 210px;
	padding: 30px 20px 0 10px;
}
#footerIn1 div.divIn1 p { margin: 0 0 10px;}
#footerIn1 div.divIn1 p.btn {
	padding: 10px 10px 10px 20px;
	border:1px solid #2260B0;
	text-align:center;
	font-size: 120%;
	font-weight: bold;
	background:url(../img/footer_icn01.gif) no-repeat 27px 18px;
}
#footerIn1 div.divIn2 {
	float:left;
	width: 319px;
	box-sizing: border-box;
	padding: 20px 32px 0;
	border-left: 1px solid #fff;
	height: 240px;
}
#footerIn1 div.divIn2 ul {
	margin: 0 0 20px;
}
#footerIn1 div.divIn2 ul li {
	padding:0 0 0 30px;
	background:url(../img/footer_icn01.gif) no-repeat 19px 7px;
	margin: 0 0 2px;
}

#footerIn2 {
	color:#fff;
}

#footerIn2 .copyright{
	float:left;
	width: 400px;
	padding: 10px 0 0;
}
#footerIn2 .pagetop{
	float:right;
	width: 191px;
}

#pankuzu {
	background-color: #f2f2f2;
	margin: 0 0 20px;
}

#pankuzu p {
padding: 13px 0;
width: 960px;
margin:auto;
}

.pageTopLink {
text-align: right;
}

.columnRight {
display: block;
float: right;
}

.columnLeft {
display: block;
float: left;
}


/* styleUlDot
------------------------------------*/

ul.styleUlDot li {
background-image: url(../img/icon_dot.gif);
background-position: 5px 8px;
padding: 0 0 0 15px;
background-repeat: no-repeat;
}

/* meritLayout
------------------------------------*/

.meritLayout #main .cassette {
margin: 10px 10px 30px;
line-height: 1.5;
}

.meritLayout #main .cassette .columnLeft {
width: 350px;
}

.meritLayout #main .cassette .icon {
width: 350px;
}

.meritLayout #main .cassette .icon .iconLeft {
display: table-cell;
vertical-align: middle;
padding: 0 10px 0 0;
width: 60px;
}

.meritLayout #main .cassette .icon .iconRight {
display: table-cell;
vertical-align: middle;
width: 280px;
height: 62px;
}

/* temporaryLayout
------------------------------------*/

.temporaryLayout #main .cassette {
margin: 10px 10px 30px;
line-height: 1.5;
}

.temporaryLayout #main .cassette .columnLeft {
width: 350px;
}

/* contractLayout
------------------------------------*/

.contractLayout #main .cassette {
margin: 10px 10px 30px;
line-height: 1.5;
}

.contractLayout #main .cassette .columnLeft {
width: 350px;
}

.contractLayout #main h4 {
margin: 0;
}

/* introLayout
------------------------------------*/

.introLayout #main .cassette {
margin: 10px 10px 30px;
line-height: 1.5;
}

/* outlineLayout
------------------------------------*/

.outlineLayout #main .cassette {
margin: 10px 10px 30px;
line-height: 1.5;
}

.outlineLayout #main .cassette table{
width: 500px;
}

.outlineLayout #main .cassette table .columnRight {
width: 340px;
}

.outlineLayout #main .cassette ul li {
margin: 0 0 5px;
}

.outlineLayout #main .cassette ul li img {
margin: 0 5px 0 0;
}

/* privacyLayout
------------------------------------*/

.privacyLayout #main .cassette {
margin: 10px 10px 30px;
line-height: 1.5;
}

/* topLayout
------------------------------------*/
.topLayout #mainImg {
	overflow: hidden;
	margin: 0 0 30px;
}
.topLayout #mainImg .divSlider {
	z-index: 999;
	position: relative;
	width: 3000px;
	right: -50%;
	margin: 0 0 0 -1500px;
}

.topLayout #main01 {
	width: 960px;
	margin: auto;
	line-height: 1.6;
}

.topLayout #main01 h2 { margin: 0 0 10px;}

.topLayout #main01 p span {
color: #FF511F;
}

.topLayout #main01 ul {
padding: 0 10px 20px;
}

.topLayout #main01 ul li {
padding: 0 0 10px;
}

.topLayout #main01 ul li span.columnLeft {
width: 110px;
}

.topLayout #main01 ul li span.columnRight {
width: 430px;
}

.topLayout #main02 {
width: 960px;
margin: 0 auto 30px;
padding: 20px 0 0;
}

.topLayout #main02 ul li {
display: inline;
float: left;
margin: 0 30px 0 0;
}
.topLayout #main02 ul li.lustLi {margin: 0;}

.topLayout #main02 p {
padding: 10px 0 20px;
}

p.columnLeft {margin-bottom: 15px;}
p.columnRight {margin-bottom: 15px;}

/* clearfix
------------------------------------*/

.topLayout #main01:after,
.topLayout #main02 ul:after,
#footer2:after,
#container:after,
#contents:after,
div:after,
ul:after,
li:after,
p:after,
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
font-size: 0;
line-height: 0;
}

.topLayout #main01,
.topLayout #main02 ul,
#footer2,
div,
ul,
li,
p,
.clearfix {
display: inline-block;
}

/* exlude MacIE5 \*/
* html .topLayout #main01,
* html .topLayout #main02 ul,
* html #footer2,
* html div,
* html ul,
* html li,
* html p,
* html .clearfix {
height: 1%
}

.topLayout #main01,
.topLayout #main02 ul,
#footer2,
div,
ul,
li,
p,
.clearfix {
display:block;
}
/* end MacIE5 */

*:first-child+html .meritLayout #main .cassette .icon .iconRight,
*:first-child+html .meritLayout #main .cassette .icon .iconLeft {/* IE 7 */
display:inline;
zoom:1;
}