@charset "shift_jis";

/* Layout CSS ---------------- */

/* base
----------------------------------------------------------------- */

body, h1, h2, h3, h4, h5, div, p, ul, ol, li, dl, dt, dd, table, img, hr{margin: 0px; padding: 0px; }

body{font-size: 84%; background:#F6F0F8; }

h1, h2, h3, h4, h5, p, li, dt, dd, th, td, input, select{color: #4D4D4D; }

table th, table td, img{border:none; vertical-align:top; }

p, li, dt, dd{line-height: 1.6; }

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

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

input{vertical-align:middle; font-family: Arial, "MS UI Gothic"; }


/*  Hack for safari
----------------------------------------------------------------- */

/* safari4.0 */
body:first-of-type body{font-size: 64%; font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', san-serif; }
/* safari3 */
html[xmlns*=""] body:last-child body{font-size: 64%; font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', san-serif; }
/* safari2 */
html:\66irst-child body{ font-size: 64%; font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', san-serif; }


/* Clear 
----------------------------------------------------------------- */

/* clearfix ------------------------------ */
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{display: inline-block; }
/* Except MacIE \*/
* html .clearfix{height: 1%;}
.clearfix{display: block; }
/* End ------------------------------ */


/* Common
----------------------------------------------------------------- */

p{ margin-bottom: 15px; }

/* link */
a:link{color: #5E36AF;}

a:visited{color: #A6A6A6;}

a:hover{color: #B485D2; }

a:active{color: #B485D2; }


/* Column
----------------------------------------------------------------- */

#wp{width: 806px; line-height: 1.6; margin: 0px auto; background:url(../images/bkg/bkg.gif) repeat-y 0px 0px; }/* background: url(../images/bkg/top_bkg.jpg);　*/

#container{ width: 778px; margin-left: 14px; }


/* header */

#header{ background:url(../images/header/head_bkg.gif) repeat-x; border-bottom: 2px solid #FFF; line-height: 1.0; height: 92px; }

#h_lang{ background: url(../images/header/header_btm.gif) no-repeat; height: 16px; clear:both;  }

#h_lang ul{ float: right; margin: 2px 19px 0px 0px;   }
#h_lang ul li{display:block; float: left; margin-left: 10px; font-size: 10px; line-height: 1.0;  }

#h_lang ul li a{background:url(../images/mark/ic_tri_pur01.gif) no-repeat 0px 2px ; padding: 0px 0px 0px 8px;  }
#h_lang ul li a:link{color:#A73790; text-decoration: none;}
#h_lang ul li a:visited{color:#A73790; text-decoration: none;}
#h_lang ul li a:hover{color:#CF30AE0; }
#h_lang ul li a:active{color:#CF30AE; text-decoration: none; }


a.logo{ float: left; margin: 17px 0px 0px 19px; }

img#s_title{ float: right; }

/* nav */

#nav{float: left; width: 188px; }

#nav ul{margin-bottom: 25px; }

#nav ul li.txt{ background:url(../images/l_ja/nav/ic_pi_cir01.gif) no-repeat 16px 8px; padding: 5px 0px 5px 26px; line-height: 1.1;  }
/* 言語によってフォントサイズ別途指定あり。別シートに記載。 */
#nav ul li.txt span{font-size: 84%; }

#nav ul li.navdot{ height: 1px; line-height: 0; font-size: 0px; }

#nav .bn{ margin-bottom: 15px; text-align:center; }


/* pate top */

div#ptop{ clear:both; text-align:right; margin-right: 20px; padding: 25px 0px 0px ;}

div.ptop_c{ clear:both; text-align:center; margin-right: 20px; padding: 25px 0px 0px ;}

div.ptop_l{ clear:both; text-align:left; margin-left: 10px;  padding: 25px 0px;}


/* footer */

#footer{width: 806px; margin: 0px auto; line-height: 1.0; font-size: 0px; clear: both; background: url(../images/footer/footer_bkg.gif) no-repeat ; height: 57px; line-height: 0; text-align:right; }

img#copy{margin: 18px 26px 0px 0px; padding: 0px; }


/* TOP CONTENTS */
#contents_top{background:url(../images/bkg/top_bkg.jpg) no-repeat 0px -36px ; padding: 0px; margin: 0px; line-height:1.0;  }


#top_center{ float: left; width: 396px; }

img#ikiru{ margin: 26px 0px 0px 77px;}

img#tenrai{ margin: 9px 0px 0px 42px;}

#top_language{float: right; width: 170px; margin: 26px 24px 0px 0px; }

#top_language ul li{ margin-bottom: 14px; }

#officiall{margin-top:150px;}


/* NEXT CONTENTS */

#key{float: left; border-bottom: 1px solid #B4B3B8; margin-left: 1px; background: url(../images/all/key.jpg) no-repeat; width: 589px; height: 81px;  }

#box_link{float: left; width: 569px; text-align:right; padding: 10px; }
/* clearfix ------------------------------ */
#box_link:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#box_link{display: inline-block; }
/* Except MacIE \*/
* html #box_link{height: 1%;}
#box_link{display: block; }
/* End ------------------------------ */


#contents{float: left; width: 530px; margin: 25px 0px 0px 30px; }/* right colmun box */