@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
}
html{
	height:100%;
}
body {
	font: 10pt/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background-image:url(src/bg.png);
	margin: 0;
	padding: 0;
	color: #000;
	height:100%;
	overflow-y:scroll;
}
.wrapper{
  min-height: 100%;
  height: auto !important;
  height: 100%;
	margin: 0 auto -50px;
}
ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
}
p{
	background-image:url(src/text_bg.png);
}
a img {
	border: none;
}

a:link {
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}

.nodisp{
	display:none;
}

.container {
	width: 960px;
	margin: 0 auto;
}

.header {
	background-color: #717171;
}
.headerbox{
	width:960px;
	margin:0 auto;
}

.sidebar1 {
	float: left;
	width: 230px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.content {
	padding: 10px 0;
	width: 720px;
	float: left;
	height:100%;
	min-height: 100%;
}


.content ul, .content ol { 
	padding: 0 15px 15px 40px;
}

#whatsnew,#products,#mail{
	background-image:url(src/text_bg02.png);
	width:220px;
	border:none;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	behavior: url(PIE.htc);
}

#products,#mail{
	margin-top:20px;
}
#whatsnew dl,#products dl{
	margin-top:8px;
	padding-bottom:5px;
}
#whatsnew dt,#products dt{
	font-weight:bold;
	color:#F40;
}
#whatsnew dt,#whatsnew dd,#products dt,#products dd{
	line-height:180%;
	margin-left:0.5em;
}
#whatsnew dd a:hover,#whatsnew dd a:active,#whatsnew dd a:focus,#products dd a:hover,#products dd a:active,#products dd a:focus{
	background-color:#FFC;
}

#whatsnew h2{
	padding-left:0;
	margin-bottom:0;
}
#products h2{
	padding-left:0;
	margin-bottom:0;
}

#mail h2{
	padding-left:0;
	margin-bottom:0;
}
.mailtext{
	width:200px;
	margin-top:8px;
	margin-left:0.5em;
}
.mail_01{
	font-size: 18px;
}


/* ~~ フッター ~~ */
.footer {
	padding: 0;
	background-color: #717171;
	position: relative;/* IE6 に、適切にクリアするための hasLayout を指定します。 */
	clear: both; /* この clear プロパティにより .container は、カラムの範囲がどこまでかを認識してその範囲を含めるようになります。 */
	text-align: center;
	height: 50px;
}
.footer img{
	margin-top:11px;
}

h2.releasedate{
	margin-left:10px;
	padding-left:0;
}

.reco{
	margin-left:10px;
	width:467px;
	float:left;
}
.lineup img{
	padding-left:10px;
	margin-bottom:10px;
}
.border{
	background-image:url(src/border.png);
	height:10px;
}

/*製品詳細*/
#mainvisual{
	margin-left:10px;
	width:378px;
	float:left;
}
#maininfo{
	margin-left:10px;
	width:322px;
	float:left;
}
#maintextarea{
	width:322px;
	height:400px;
	margin-top:10px;
	font-size:10pt;
	background-image:url(src/maininfo_bg.png);
}

#maintextarea dl {
	padding:0.5em 0;
	margin-left:5px;
}
#maintextarea dt{
	text-align:left;
	color:#F40;
	font-weight:bold;
	float:left;
	width:6em;
	margin-bottom:0.5em;
}
#maintextarea dl dd{
	text-align: left;
	margin-bottom: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 6em;
	width: 220px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
}
#maintextarea dl dd.last{
	margin-bottom:0;
	border-bottom:none;
}

#detail h2{
	padding-left:0;
	margin-left:10px;
}
.textarea{
	padding-left:5px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	border:none;
	background-image:url(src/text_bg.png);
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	behavior: url(PIE.htc);
}
.cgarea{
	padding-left:5px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	background-image:url(src/text_bg.png);
	text-align:center;
	padding-top:5px;
	border:none;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	behavior: url(PIE.htc);
}
.cgarea img{
	margin-right:5px;
	margin-bottom:5px;
}
.textarea img{
	margin-right:5px;
	margin-bottom:5px;
}

#story,#original,#shop{
	padding-top:5px;
	padding-bottom:5px;
}


#detail ul{
	margin-left:0;
	padding-top:0.5em;
	padding-bottom:0.5em;
}
#detail ul li{
	margin-left:0;
}

.dllink{
	text-align:center;
	font-weight:bold;
}

/* ~~ その他の float/clear クラス ~~ */
.fltrt {  /* このクラスを使用すると、ページ内でエレメントを右にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスを使用すると、ページ内でエレメントを左にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、#footer が #container から削除されているか取り出されている場合に、<br /> または空の div で、フローティングさせる最後の div に続く最後のエレメントとして (#container 内に) 配置できます。 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

#entrance{
	width:600px;
	margin:10px auto auto;
	padding:0;
	text-align:center;
}