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

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

  basic
  
***********************************************************************************/

#content-column-max p {
	font-size:120%;
	line-height:130%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#content-column-max h2{
	text-indent:-9999px;
	background-image:url(../images/index/h2bg.jpg);
	background-repeat:no-repeat;
	height:53px;
	margin-top:15px;
	margin-left:30px;
}

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

  top_navigation 
  
***********************************************************************************/
#top_navigation {
	width: 450px;
	margin-top:10px;
	margin-bottom:10px;
	font-size: 12px;
	float:right;
}

#top_navigation ul {
	margin: 0;
}

#top_navigation li {
	display: inline;
	padding-left:30px;
	float:left;
}

#top_navigation .navilist a {
	text-decoration:none;
}

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

  Line up
  
***********************************************************************************/

#lineup {
	height:auto;
	width:200px;
	margin-bottom:15px;
	float:left;
	margin-left:10px;
}

#lineup ul{
	margin:0;
	padding:0;
}

#lineup li{
	height:100px;
	list-style:none;
	margin-left:10px;
	margin-bottom:10px;
	border-bottom: 1px dotted #e2e2e2;
}

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

  item area 
  
***********************************************************************************/

#itemarea {
	width:715px;
	height:auto;
	float:left;
	margin-left:45px;
}

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

  main icatch 
  
***********************************************************************************/

#main {
	height:auto;
	width:715px;
	margin-bottom:15px;
	
}

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

  item
  
***********************************************************************************/

#items {
	height:auto;
	width:715px;
	margin-bottom:30px;
	
}

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

  products
  
***********************************************************************************/

#ui-tab li{
	width:120px;
	height:30px;
	margin-right:20px;
	margin-bottom:20px;
}



#fragment-1,#fragment-2,#fragment-3,#fragment-4,#fragment-5{
	width:715px;
	height:auto;
}

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

  fragment-1
  
***********************************************************************************/
#fragment-1 .details {
	width:715px;
	height:auto;
	margin-top:30px;
	margin-bottom:15px;
	border-bottom: 1px solid #97a5b0;
}

#fragment-1 .lineup {
	width:715px;
	height:auto;
	margin-top:30px;
	margin-bottom:15px;
}

#fragment-1 .textarea p{
	font-size:120%;
	margin-bottom:10px;
	margin-top:30px;
}

#fragment-1 .textarea{
	width:350px;
	height:auto;
	float:left;
	margin-bottom:30px;
}

#fragment-1 .imgarea{
	float:left;
	height:auto;
	width:300px;
	margin-top:30px;
	padding-bottom:30px;
}

#fragment-1 .imgarea img{
	margin-left:60px;
	margin-top:50px;
}

#fragment-1 .textarea2 p{
	font-size:120%;
	margin-bottom:10px;
	margin-top:20px;
}

#fragment-1 .textarea2{
	width:350px;
	height:auto;
	float:right;
	margin-right:20px;
	margin-bottom:30px;
}

#fragment-1 .imgarea2{
	float:left;
	height:auto;
	width:300px;
	padding-bottom:30px;
}

#fragment-1 .imgarea img2{
	margin-top:20px;
}

#fragment-1 li{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

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

  fragment-2
  
***********************************************************************************/

#fragment-2 .diy {
	width:715px;
	height:auto;
	margin-top:25px;
	margin-bottom:15px;
}

#fragment-2 .diy a{
	text-decoration:none;
}

#fragment-2 .textarea p{
	font-size:120%;
	margin-bottom:10px;
	margin-top:10px;
}

#fragment-2 .textarea{
	width:350px;
	height:auto;
	float:left;
	margin-bottom:30px;
	margin-left:7px;
}

#fragment-2 .imgarea{
	float:left;
	height:auto;
	width:350px;
	margin-left:7px;

}

#fragment-2 .youtube{
	width:715px;
	height:auto;
	text-align:center;
	margin-top:30px;
}
#fragment-2 .youtube p{
	width:715px;
	height:auto;
	text-align:center;
}

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

  fragment-3
  
***********************************************************************************/

#fragment-3 .uvoice {
	width:715px;
	height:auto;
	margin-top:25px;
	margin-bottom:15px;
}

#fragment-3 .uvoice p{
	text-align:center;
}

#fragment-3 .uvoice img{
	margin-top:15px;
}


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

  fragment-4
  
***********************************************************************************/
#fragment-4 .details {
	width:715px;
	height:auto;
	margin-top:30px;
	margin-bottom:15px;
	border-bottom: 1px solid #97a5b0;
}

#fragment-4 .textarea p{
	font-size:120%;
	margin-bottom:10px;
}

#fragment-4 .textarea{
	width:400px;
	height:auto;
	float:left;
	margin-bottom:30px;
}

#fragment-4 .imgarea{
	float:left;
	height:auto;
	width:300px;
	padding-bottom:30px;
	margin-left:0px;
}

#fragment-4 .textarea li{
	width:400px;
	height:auto;
	margin:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

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

  fragment-5
  
***********************************************************************************/
#fragment-5 .audio {
	width:320px;
	height:auto;
	margin-top:30px;
	margin-bottom:15px;
	float:left;
	margin-left:15px;
}

#fragment-5 .textarea p{
	font-size:120%;
	margin-bottom:10px;
	width:320px;
	height:auto;
}

#fragment-5 .textarea{
	width:300px;
	height:auto;
	float:left;
	text-align:center;
}

#fragment-5 .imgarea{
	float:left;
	height:auto;
	width:300px;
	padding-bottom:10px;
	margin-left:0px;
}

#fragment-5 .textarea2{
	width:715px;
	height:auto;
	margin:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:center;
	margin-top:15px;
}

#fragment-5 .textarea2 a{
	text-decoration:none;
}


audio {
	 width: 273px;
}

.error{background:#ff6699;padding: 20px;text-align:center;}