body {

  font: normal 85% Verdana, Arial, Helvetica, sans-serif;

  line-height:1.8em;

  color:#252525;

  margin: 0px;

  padding: 0px;

  text-align: center; /* centering hack 1/2 */

}



a:link{color:#8b207e;text-decoration:none;}

a:visited{color:#af3caf;text-decoration:none;}

a:hover{color:#8b207e;text-decoration:underline;}

a:active{color:#f36e05;text-decoration:underline;}



ul,

ol{list-style:none;}



img{border: none;}



em{font-weight:bold;font-style:normal;}



h2,h3 {

margin:0px;

padding:0px;

font-size:1.5em;

font-weight: normal;

 }



#wrapper {

  background: transparent;

  border: 0px;

  margin-top: 5px;

  margin-bottom: 10px;

  margin-left: auto;

  margin-right: auto;

  padding: 0px;

  text-align:left; /* centering hack 2/2 */

  width: 922px;

}



#iphone_wrapper {

  background: transparent;

  border: 0px;

  margin-top: 5px;

  margin-bottom: 10px;

  padding: 0px;

  text-align:left; /* centering hack 2/2 */

  width: 595px;

}



#content_head {

  position:relative;

  background: #ffffff;

  border: 0px

  float: left;

  margin: 0px 0px 5px 0px;

  padding: 0px;

  height: 516px; /* standards height */

  voice-family: inherit;

  width: 922px; /* standards width */

  background: url(../images/header.png) no-repeat left top;

}

html>body #content_head {

  height: 516px; /* standards height reinforcement */

  width: 922px; /* standards width reinforcement */

}



#iphone_head {

  position:relative;

  background: #ffffff;

  border: 0px

  float: left;

  margin: 0px 0px 5px 20px;

  padding: 0px;

  voice-family: inherit;

}



#content_head h1 {

	display:block;

	height:155px;

	font-weight:normal;

	font-size: 0.8em;

	padding-top: 10px;

	padding-left: 12px;

}



#content_head .head_amazon_btn {

	position:absolute;

	top:168px;

	right:0px;

	display:block;

	width:392px;

	height:33px;

	float:right;

	text-indent:-99999px;

	overflow:hidden;

	outline:none;

	background: url(../images/header_amazon_btn.png) no-repeat left top;

}



.contents_amazon_btn {

	display:block;

	width:392px;

	height:33px;

	text-indent:-99999px;

	overflow:hidden;

	outline:none;

	background: url(../images/header_amazon_btn.png) no-repeat left top;

}





#content_main {

  background: #ffffff;

  float: left;

  margin: 5px 25px 10px 20px;

  padding: 0px;

  voice-family: inherit;

  width: 550px;

  }



html>body #content_main {

  width: 550px; /* standards width reinforcement */

}



#content_main12 {

  background: #ffffff;

  float: left;

  margin: 5px 24px 10px 20px;

  padding: 0px;

  voice-family: inherit;

  width: 430px;

  }



html>body #content_main12 {

  width: 430px; /* standards width reinforcement */

}



#content_main22 {

  background: #ffffff;

  float: right;

  margin: 5px 18px 10px 0px;

  padding: 0px;

  voice-family: inherit;

  width: 430px;

  }





#content_1column {

  background: #ffffff;

  float: left;

  margin: 5px 18px 10px 20px;

  padding: 0px;

  voice-family: inherit;

  width: 884px; /* standards width */

}

html>body #content_1column {

  width: 884px; /* standards width reinforcement */

}



#content_right {

  background: #EFEEE5;

  float: right;

  margin: 5px 18px 10px 0px;

  padding: 0px;

  voice-family: inherit;

  width: 309px; /* standards width */

}



#content_foot {

  clear:both;

  background: #fff;

  border-top: 1px solid #dddddd;

  margin: 0px 0px 5px 0px;

  padding: 15px 0 0 10px;

  height: 120px; /* standards height */

  voice-family: inherit;

  width: 922px; /* standards width */

}



#iphone_foot {

  clear:both;

  background: #fff;

  border-top: 1px solid #dddddd;

  margin: 0px 0px 5px 0px;

  padding: 15px 0 0 10px;

  height: 120px; /* standards height */

  voice-family: inherit;

  width: 585px; /* standards width */

}



pre {

  color: #fff;

  margin: 0px;

  padding: 10px;

}



.valid {

 border: 0px;

 padding: 5px;

 position: absolute;

 bottom: 0px;

 left: 0px;

}



p.headline {

	_height: 130px;    /* WinIE */

	min-height: 130px; /* Std-compat */

	margin: 0 5px;

	padding: 0 0 0 100px;

	background-position: top left;

	background-repeat: no-repeat;

	text-align: justify;

	text-justify: inter-ideograph;

	font-family: "ＭＳ Ｐゴシック", sans-serif;

	font-size: 10px;

	line-height: 1.5;

}





ul,ol {

	margin:0;

	padding:0;

}





#boxlist img{

vertical-align: bottom;

}



#detail_left {

  background: #fff;

  float: left;

  margin: 5px 5px 10px 0px;

  padding: 0px;

  voice-family: "¥"}¥"";

  voice-family: inherit;

  width: 140px; /* standards width */

}



#detail_right {

  background: #fff;

  float: left;

  margin: 5px 5px 10px 0px;

  padding: 0px;

  voice-family: "¥"}¥"";

  voice-family: inherit;

  width: 700px; /* standards width */

}



.detail_title {

	font-weight: bold;

	padding: 5px;

	background: #eeeeee;

	border-bottom: solid 1px #cccccc;

}



.readdescription {

	margin-bottom:20px;

}



.detail_read {

	margin-bottom:10px;

	font-size:1.2em;

	color:#f36e05;

	font-weight:bold;

}



.alignright {

	text-align:right;

}



.sentence {

	clear:both;

	margin:10px 0 10px 5px;

}





.subtitle_content {

	display:block;

	background-color: #f5f5f5;

    border-bottom:solid #aaaaaa 1px;

	width: 550px;

    padding: 2px 0 2px 5px;

	position:relative;

	float: left;

	clear: both;

	margin-bottom:10px;

}



.subtitle_content_1column {

	display:block;

	background-color: #f5f5f5;

    border-bottom:solid #aaaaaa 1px;

	width: 884px;

    padding: 2px 0 2px 5px;

	position:relative;

	float: left;

	clear: both;

	margin-bottom:10px;

}



div#navibtn {

	display:block;

	font-size:14px;

	font-family: "ヒラギノ丸ゴ Pro W4", "Tahoma", "MS UI Gothic", "Lucida Grande", sans-serif;

	margin: 0 0 20px 0;

	width: 922px;	

	position:absolute;

	top:480px;

	float: left;

	clear: both;



}



div#navibtn .naviin {

	padding-left: 0;

	padding-right: 0;

}



div#navibtn ul {

	padding: 0;

	margin: 0;

}



div#navibtn ul li {

	display: inline;

}



#navibtn ul li.here {

	font-weight: bold;

	color: #ffffff;

	background-image:url(../images/btn_bg.png);

	background-color: #8b207e;

	background-position: right bottom;

	background-repeat: repeat-x;

	padding: 5px 30px 5px 30px;

	float: left;

	border-right: 1px solid #cccccc;

	border-left: 1px solid #eeeeee;	

}



div#navibtn ul li a {

	text-decoration: none;

	color: #8b207e;

	padding: 5px 30px 5px 30px;

	float: left;

	border-right: 1px solid #cccccc;

	border-left: 1px solid #eeeeee;

}



div#navibtn ul li a:hover {

	color: #FFFFFF;

	background-color: #8b207e;

	background-image:url(../images/btn_bg.png);

	background-position: right bottom;

	background-repeat: repeat-x;

}





/*clearfix*/



div#navibtn:after {

	content: "";

	display: block;

	clear: both;

	height: 0.1px;

}

* html div#navibtn {

	display: inline-block;

}

/* no ie mac ¥*/

* html div#navibtn {

	height: 1%;

}

div#navibtn {

	display: block;

	min-height: 1%;

}



.ttl_mokuji{

	font-size: 1.0em;

	font-weight: bold;

	border-left:5px solid #333333;

	padding-left:5px;

	margin-bottom:10px;

}



.ttl_sho{

	font-size: 1.0em;

	font-weight: bold;

	border-bottom:#333333 1px double;

	padding-bottom:3px;

	margin-bottom:5px;

}



.mokuji_dl dt {

	font-size: 1.0em;

	font-weight: bold;

	border-left:5px solid #333333;

	padding-left:5px;

	margin-bottom:10px;

}



.mokuji_dl dd {

	font-size: 0.8em;

	font-weight: normal;

	margin-left: 10px;

	margin-bottom:30px;

}



/* ヘッダ画像 */

#content_head .headpic_01 a {

	position:absolute;

	display:block;

	top:208px;

	left:0px;

	width: 224px;

	height: 135px;

	text-indent:-99999px;

	overflow:hidden;

	outline:none;

}



#content_head .headpic_01 a:hover {

	background-image:url(../images/pic01.png);

}



#content_head .headpic_02 a {

	position:absolute;

	display:block;

	top:208px;

	left:224px;

	width: 210px;

	height: 135px;

	text-indent:-99999px;

	overflow:hidden;

	outline:none;

}



#content_head .headpic_02 a:hover {

	background-image:url(../images/pic02.png);

}



#content_head .headpic_03 a {

	position:absolute;

	display:block;

	top:343px;

	left:0px;

	width: 224px;

	height: 135px;

	text-indent:-99999px;

	overflow:hidden;

	outline:none;

}



#content_head .headpic_03 a:hover {

	background-image:url(../images/pic03.png);

}



#content_head .headpic_04 a {

	position:absolute;

	display:block;

	top:343px;

	left:224px;

	width: 210px;

	height: 135px;

	text-indent:-99999px;

	overflow:hidden;

	outline:none;

}



#content_head .headpic_04 a:hover {

	background-image:url(../images/pic04.png);

}



#content_head .headpic_05 a {

	position:absolute;

	display:block;

	top:207px;

	left:434px;

	width: 136px;

	height: 91px;

	text-indent:-99999px;

	overflow:hidden;

	outline:none;

}



#content_head .headpic_05 a:hover {

	background-image:url(../images/pic05.png);

}



#content_head .headpic_06 a {

	position:absolute;

	display:block;

	top:207px;

	left:570px;

	width: 69px;

	height: 91px;

	text-indent:-99999px;

	overflow:hidden;

	outline:none;

}



#content_head .headpic_06 a:hover {

	background-image:url(../images/pic06.png);

}



#content_head .headpic_07 a {

	position:absolute;

	display:block;

	top:207px;

	left:639px;

	width: 69px;

	height: 91px;

	text-indent:-99999px;

	overflow:hidden;

	outline:none;

}



#content_head .headpic_07 a:hover {

	background-image:url(../images/pic07.png);

}



#content_head .headpic_08 a {

	position:absolute;

	display:block;

	top:207px;

	left:708px;

	width: 78px;

	height: 91px;

	text-indent:-99999px;

	overflow:hidden;

	outline:none;

}



#content_head .headpic_08 a:hover {

	background-image:url(../images/pic08.png);

}



#content_head .headpic_09 a {

	position:absolute;

	display:block;

	top:207px;

	left:786px;

	width: 68px;

	height: 91px;

	text-indent:-99999px;

	overflow:hidden;

	outline:none;

}



#content_head .headpic_09 a:hover {

	background-image:url(../images/pic09.png);

}



#content_head .headpic_10 a {

	position:absolute;

	display:block;

	top:207px;

	left:854px;

	width: 68px;

	height: 91px;

	text-indent:-99999px;

	overflow:hidden;

	outline:none;

}



#content_head .headpic_10 a:hover {

	background-image:url(../images/pic10.png);

}



#content_head .headpic_11 a {

	position:absolute;

	display:block;

	top:297px;

	left:434px;

	width: 68px;

	height: 90px;

	text-indent:-99999px;

	overflow:hidden;

	outline:none;

}



#content_head .headpic_11 a:hover {

	background-image:url(../images/pic11.png);

}



#content_head .headpic_12 a {

	position:absolute;

	display:block;

	top:297px;

	left:502px;

	width: 68px;

	height: 90px;

	text-indent:-99999px;

	overflow:hidden;

	outline:none;

}



#content_head .headpic_12 a:hover {

	background-image:url(../images/pic12.png);

}



#content_head .headpic_13 a {

	position:absolute;

	display:block;

	top:297px;

	left:570px;

	width: 138px;

	height: 90px;

	text-indent:-99999px;

	overflow:hidden;

	outline:none;

}



#content_head .headpic_13 a:hover {

	background-image:url(../images/pic13.png);

}



#content_head .headpic_14 a {

	position:absolute;

	display:block;

	top:297px;

	left:708px;

	width: 78px;

	height: 90px;

	text-indent:-99999px;

	overflow:hidden;

	outline:none;

}



#content_head .headpic_14 a:hover {

	background-image:url(../images/pic14.png);

}



#content_head .headpic_15 a {

	position:absolute;

	display:block;

	top:297px;

	left:786px;

	width: 68px;

	height: 90px;

	text-indent:-99999px;

	overflow:hidden;

	outline:none;

}



#content_head .headpic_15 a:hover {

	background-image:url(../images/pic15.png);

}



#content_head .headpic_16 a {

	position:absolute;

	display:block;

	top:297px;

	left:854px;

	width: 68px;

	height: 90px;

	text-indent:-99999px;

	overflow:hidden;

	outline:none;

}



#content_head .headpic_16 a:hover {

	background-image:url(../images/pic16.png);

}



#content_head .headpic_17 a {

	position:absolute;

	display:block;

	top:387px;

	left:434px;

	width: 136px;

	height: 89px;

	text-indent:-99999px;

	overflow:hidden;

	outline:none;

}



#content_head .headpic_17 a:hover {

	background-image:url(../images/pic17.png);

}



#content_head .headpic_18 a {

	position:absolute;

	display:block;

	top:387px;

	left:570px;

	width: 69px;

	height: 89px;

	text-indent:-99999px;

	overflow:hidden;

	outline:none;

}



#content_head .headpic_18 a:hover {

	background-image:url(../images/pic18.png);

}



#content_head .headpic_19 a {

	position:absolute;

	display:block;

	top:387px;

	left:639px;

	width: 69px;

	height: 89px;

	text-indent:-99999px;

	overflow:hidden;

	outline:none;

}



#content_head .headpic_19 a:hover {

	background-image:url(../images/pic19.png);

}



#content_head .headpic_20 a {

	position:absolute;

	display:block;

	top:387px;

	left:708px;

	width: 78px;

	height: 89px;

	text-indent:-99999px;

	overflow:hidden;

	outline:none;

}



#content_head .headpic_20 a:hover {

	background-image:url(../images/pic20.png);

}



#content_head .headpic_21 a {

	position:absolute;

	display:block;

	top:387px;

	left:786px;

	width: 136px;

	height: 89px;

	text-indent:-99999px;

	overflow:hidden;

	outline:none;

}



#content_head .headpic_21 a:hover {

	background-image:url(../images/pic21.png);

}



.memberpict {

	float:left;

	margin-right: 10px;

	margin-bottom: 10px;

}



.rightpict {

	float:right;

	margin-left: 10px;

	margin-bottom: 10px;

}