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;
}

