@charset "Shift_JIS";

body{
background:#D1E8FF;
text-align: center;
}

*{
margin:0;
padding:0;
color:#555;
font-size:100%;
font-family: Verdana, Arial, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
}
h1, h2, h3{
margin:0;
padding:0;
}

img, object{
border: 0;
vertical-align: text-top;
}

td{
margin:0;
padding:5px;
}
/*------------------------
 font
-------------------------*/
.text_xx-large { 
font-size:113%;
line-height:170%;
}
.text_x-large { 
font-size:100%;
line-height:170%;
}
.text_large { 
font-size:88%;
line-height:170%;
}
.text_medium { 
font-size:75%;
line-height:170%;
}
.text_small { 
font-size:69%;
line-height:160%;
}
.text_x-small { 
font-size:63%;
line-height:160%;
}
.text_xx-small { 
font-size:56%;
line-height:160%;
}.text_12_20 { 
font-size:12px;
line-height:20px;
}

.text_large_b { 
font-size:88%;
line-height:160%;
font-weight:bold;
color:#444444;
}
.text_medium_a { 
font-size:88%;
line-height:160%;
font-weight:bold;
color:#663333;
}
.text_medium_b { 
font-size:88%;
line-height:160%;
font-weight:bold;
color:#330099;
}

.text10-14{ font-size: 10px; line-height: 14px; }
.text10-16{ font-size: 10px; line-height: 16px; }
.text11-14{ font-size: 11px; line-height: 14px; }
.text12-14{ font-size: 12px; line-height: 14px; }
.text12-16{ font-size: 12px; line-height: 16px; }
.text12-18{ font-size: 12px; line-height: 18px; }
.text12-20{ font-size: 12px; line-height: 20px; }
.text12-24{ font-size: 12px; line-height: 24px; }
.text14-16{ font-size: 14px; line-height: 16px; }
.text14-18{ font-size: 14px; line-height: 18px; }
.text14-20{ font-size: 14px; line-height: 20px; }
.text16-18{ font-size: 16px; line-height: 18px; }
.text16-24{ font-size: 16px; line-height: 24px; }
.text18-20{ font-size: 18px; line-height: 20px; }

.text_honbun { 
font-size:88%;
line-height:170%;
}
.text_midashi { 
font-size:100%;
line-height:170%;
}

/* ------------------------------------------------------
   container
------------------------------------------------------ */
div#container {
text-align: left;
width:720px;
margin:0 auto;
padding-left:15px;
padding-right:15px;
background:#ffffff;
}

/* link */
div#container a:link {
color:#112299;
text-decoration:none;
}
div#container a:visited {
color:#74178e;
text-decoration:none;
}
div#container a:hover {
color:#112299;
text-decoration:underline;
}
div#container a:focus {
color:#112299;
text-decoration:underline;
}
div#container a:active {
color:#f00000;
text-decoration:underline;
}

/* clear */
div#container .clear {
clear:both;
}

/* float */
div#container .left {
float:left;
}
div#container .right {
float:right;
}

/* ------------------------------------------------------
   headerArea
------------------------------------------------------ */
div#container div#headerArea {
width:720px;
margin:0;
padding:0;
}
div#container div#headerArea h1 {
width:720px;
height:233px;
margin:0;
padding:0;
}

/* ------------------------------------------------------
   contentArea
------------------------------------------------------ */
div#container div#contentArea {
float:left;
width:720px;
margin-top:20px;
margin-right:0px;
margin-left:0px;
padding:0;
}

/* ------------------------------------------------------
   blockA
------------------------------------------------------ */
/* blockA */
div#container div.blockA{
width:720x;
margin-right:0;
padding-top:20px;
}

div#container div.blockA div.leftbox{
width:175px;
float:left;
margin-top:0;
margin-left:0;
margin-right:0;
margin-bottom:0;
}
div#container div.blockA div.rightbox{
width:510px;
float:right;
margin-top:0;
margin-left:0;
margin-right:0;
margin-bottom:0;
}
div#container div.blockA div.rightbox div.textblk{
width:510px;
margin-top:0;
margin-left:0;
margin-right:0;
margin-bottom:0;
background-image: url(image/top_subtitle_1-backimg.gif);
background-repeat: repeat-y;
}
div#contentArea .group1{
font-style:normal;
font-size:14px;
line-height:16px;
margin-left:20px;
padding-top:10px;
}
div#contentArea .group2{
font-style:normal;
font-size:14px;
line-height:16px;
margin-left:20px;
padding-top:10px;
}
div#contentArea .group1 li{
list-style-type:none;
padding:5px 0px 5px 18px;
background: url(image/top_icon_1.gif) no-repeat 0px 0.5em;
}
div#contentArea .group2 li{
list-style-type:none;
padding:5px 0px 5px 18px;
background: url(image/top_icon_2.gif) no-repeat 0px 0.5em;
}

div#container div.textblk p{
width:490px;
padding-top:20px;
margin-left:20px;
margin-right:0;
margin-bottom:0px;
}


/* ------------------------------------------------------
   blockB
------------------------------------------------------ */
/* blockB */
div#container div.blockB {
width:720x;
margin-right:0;
margin-bottom:20px;
padding-top:20px;
}

div#container div.blockB div.leftbox{
width:175px;
float:left;
margin-top:0;
margin-left:0;
margin-right:0;
margin-bottom:0;
}
div#container div.blockB div.rightbox{
width:510px;
float:right;
margin-top:0;
margin-left:0;
margin-right:0;
margin-bottom:0;
}
div#container div.blockB div.rightbox div.textblk{
width:510px;
margin-top:0;
margin-left:0;
margin-right:0;
margin-bottom:0;
background-image: url(image/top_subtitle_2-backimg.gif);
background-repeat: repeat-y;
}
div#container div.blockB div.rightbox div.textblk .group{
font-style:normal;
font-size:12px;
line-height:14px;
margin-left:20px;
padding:0px;
}
div#container div.blockB div.rightbox div.textblk .group li{
list-style-type:none;
padding:5px 0px 3px 0px;
}
div#container div.blockB div.rightbox div.textblk .group li img{
padding-left:0px;
padding-right:4px;
}
div#container div.blockB div.rightbox div.textblk p{
width:490px;
padding-top:20px;
margin-left:20px;
margin-right:0;
margin-bottom:0;
}

/* ------------------------------------------------------
   blockC
------------------------------------------------------ */
/* blockC */
div#container div.blockC {
width:720x;
margin-right:0;
margin-bottom:10px;
padding-top:20px;
}

div#container div.blockC div.leftbox{
width:175px;
float:left;
margin-top:0;
margin-left:0;
margin-right:0;
margin-bottom:0;
}
div#container div.blockC div.rightbox{
width:510px;
float:right;
margin-top:0;
margin-left:0;
margin-right:0;
margin-bottom:0;
}
div#container div.blockC div.rightbox div.textblk{
width:510px;
margin-top:0;
margin-left:0;
margin-right:0;
margin-bottom:0;
background-image: url(image/top_subtitle_3-backimg.gif);
background-repeat: repeat-y;
}
div#container div.blockC div.rightbox div.textblk p{
width:490px;
padding-top:10px;
margin-left:20px;
margin-right:0;
margin-bottom:0;
}

/* ------------------------------------------------------
   menuArea
------------------------------------------------------ */
div#container div#menuArea {
float:left;
width:720px;
height:40px;
margin-bottom:20px;
margin-left:0;
padding-top:10px;
padding-left:0;
border:0;
}

div#container div#menuArea div.blk-1{
float:left;
width:88px;
height:40px;
margin-bottom:0px;
margin-left:0;
padding-top:0px;
padding-left:0;
}
div#container div#menuArea div.blk-2{
float:left;
width:136px;
height:40px;
margin-bottom:0px;
margin-left:0;
padding-top:0px;
padding-left:0;
}
div#container div#menuArea div.blk-3{
float:left;
width:136px;
height:40px;
margin-bottom:0px;
margin-left:0;
padding-top:0px;
padding-left:0;
}
div#container div#menuArea div.blk-4{
float:left;
width:136px;
height:40px;
margin-bottom:0px;
margin-left:0;
padding-top:0px;
padding-left:0;
}
div#container div#menuArea div.blk-5{
float:left;
width:136px;
height:40px;
margin-bottom:0px;
margin-left:0;
padding-top:0px;
padding-left:0;
}
div#container div#menuArea div.blk-6{
float:left;
width:88px;
height:40px;
margin-bottom:0px;
margin-left:0;
padding-top:0px;
padding-left:0;
}


/* ------------------------------------------------------
   footerArea
------------------------------------------------------ */
div#container div#footerArea {
float:left;
width:720px;
padding-top:0px;
padding-left:0px;
padding-right:0px;
padding-bottom:10px;
text-align:center;
margin-top:0;

margin-bottom:20px;
border-top:1px solid #999999;

}