@charset "utf-8";
/* CSS Document */

/****全体
******************************************/
body{
	font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif", "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", "Osaka-mono, monospace","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif ";
	color: #333;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
img{
	border: 0px;
	max-width: 100%;
}
a:hover img{
  opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity:0.8;
}

header, footer, nav, section, article, figure, aside {
display:block;
}

.sp{
	display: none;
}

/****
******************************************/
h1,h2,h3,h4,h5,h6{
	margin: 0px;
	padding: 0px;
}

/****
******************************************/
ul,ol,li,dl{
	margin: 0;
	padding: 0;
}

/****
******************************************/
p{
	font-size: 12px;
	line-height: 1.5em;
	margin: 0px;
}
.em{
	text-indent: -9999px;
	display: block;
}

/****LINK
******************************************/
a {
	color: #01B613;
	text-decoration: none;
}
a:hover{
	color: #FFCC00;
	text-decoration: underline;
}

#footer a {
	color: #FFF;
	text-decoration: none;
}
#footer a:hover{
	color: #F30;
	text-decoration: underline;
}

/***
******************************************/

.low_box{
	padding-top: 20px;
	padding-bottom: 20px;
	float: left;
	width: 100%;
}
.low{
	width: 99%;
	padding: 10px;
	margin-left: 0px;
	text-align: left;
	background-color: #FFF;
}
.low_txt01{
	margin-left: 10px;
	margin-top: 10px;
	font-weight: bold;
}
.low_txt02{
	margin-left: 20px;
}

/***
******************************************/
#footer{
	width: 100%;
	clear: both;
	background-color: #01265D;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

#footer p{
	color: #FFF;
}

/***ssl
******************************************/
.sslBox{
	border-top: 1px solid #CCCCCC;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
	margin-top: 10px;
	background-color: #FFF;
}
.sslBox li{
	float: left;
	list-style: none;
	text-align: left;
}
.sslImg{
	width: 100px;
	margin-left: 10px;
}
.sslTxt{
	width: 260px;
	font-size: 12px;
	line-height: 1.3em;
	margin-top: 10px;
	margin-left: 5px;
	padding-left: 5px;
	padding-right: 5px;
}
.veriImg{
	margin: 15px 0px 0px;
	padding: 0px;
}

/***clearfix
******************************************/
.clearfix:after {
  content: ".";  /* Vvf */
  display: block;  /* ubNxvf */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 0px;
}

* html .clearfix {
	height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/****IME
******************************************/
.txtmode1 {
  ime-mode: active;   /* Sp[h */
}
.txtmode2 {
  ime-mode: inactive; /* p[h */
}

#credit{
	width: 90%;
	float: left;
	padding: 5%;
	background-color: #01265D;
}

/**ここまで共通**/

/****
******************************************/
#wallpaper{
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
	width: 850px;
}

.logo{
	text-align: left;
	padding: 1%;
}

.header{
	background-image: url(img/header.jpg);
	background-repeat: no-repeat;
	height: 442px;
	width: 850px;
}

.cont_letter{
	background-image: url(img/cont_bg.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding-top: 3%;
	padding-bottom: 5%;
}

/**バインダー**/
.cont01{
	background-image: url(img/binder_bg.gif);
	background-repeat: no-repeat;
	height: 1066px;
	width: 850px;
	margin-top: 10px;
}

.midashi01{
	margin-top: -30px;
	float: left;
	width: 100%;
}

.binder{
	background-image: url(img/binder.gif);
	background-repeat: no-repeat;
	height: 913px;
	width: 806px;
	float: left;
	margin-left: 20px;
	margin-top: 20px;
}

.cont02{
	width: 100%;
	float: left;
	margin-top: 100px;
	margin-left: 40px;
}
.cont02 li{
	float: left;
	list-style: none;
}

.cont02_img01{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.cont02_txt01{
	margin-top: 100px;
	margin-bottom: 5px;
	margin-left: 10px;
	padding-bottom: 50px;
}
.cont02_img02{
	margin-top: 20px;
	margin-left: 20px;
}
.cont02_txt02{
	margin-top: 20px;
	margin-bottom: 5px;
	margin-left: 5px;
}

.midashi02{
	margin-top: 20px;
}
.arrow{
	margin-top: 30px;
}

.cont03{
	background-image: url(img/kakuresimi.jpg);
	background-repeat: no-repeat;
	height: 671px;
	width: 791px;
	margin-top: 20px;
	margin-left: 30px;
	text-indent: -8888px;
	display: block;
}

.cont04{
	background-image: url(img/uv.jpg);
	background-repeat: no-repeat;
	height: 591px;
	width: 791px;
	margin-top: 30px;
	margin-left: 30px;
	text-indent: -8888px;
	display: block;
}

/**アルブチン**/
.cont05{
	background-image: url(img/arbutin_bg.gif);
	background-repeat: no-repeat;
	height: 1304px;
	width: 850px;
	margin-top: 40px;
	margin-bottom: 20px;
}
.midashi05{
	margin-top: -65px;
	float: left;
	text-align: left;
	width: 100%;
	margin-left: 25px;
	margin-bottom: 20px;
}
.cont_arbutin{
	width: 100%;
	float: left;
	margin-left: 60px;
}
.cont_arbutin li{
	float: left;
	list-style: none;
}

.cont_arbutin_img01{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 15px;
}
.cont_arbutin_txt01{
	margin-top: 40px;
	margin-bottom: 5px;
	margin-left: 20px;
	padding-bottom: 50px;
}
.cont_arbutin_img02{
	margin-top: 30px;
	margin-bottom: 20px;
	margin-left: 40px;
}
.cont_arbutin_txt02{
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 40px;
}
.cont_arbutin_img03{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
}
.cont_arbutin_txt03{
	margin-top: 20px;
	margin-left: 20px;
}

.annotation{
	text-align: right;
	margin-top: 5;
	margin-right: 10;
	margin-bottom: 5;
}