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

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

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

#catch {
	height:360px;
	width:950px;
	margin-bottom:15px;
	margin-left:10px;
	
}

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

  diy list
  
***********************************************************************************/

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

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

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

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

  detail
  
***********************************************************************************/

#diyarea {
	width:715px;
	height:auto;
	float:right;
	margin-right:30px;
}

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

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

  diy area 
  
***********************************************************************************/

#diyarea .diy {
	width:715px;
	height:auto;
	margin-top:30px;
	margin-bottom:15px;
	border-bottom: 1px solid #97a5b0;
}

#diyarea .diy h3{
	font-size:x-large;
	font-weight:bold;
	margin-top:5px;
	line-height:1em;
}

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

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

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

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

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

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

#diyarea .imgarea2{
	float:left;
	height:auto;
	width:300px;
	padding-bottom:30px;
		background:url(../images/loading.gif) 50% 50% no-repeat;
}

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

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


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


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

.overlay {
  position:absolute;
  top:0;
  left:0;
  width:300px;
  height:200px;
  background:url(../images/overlay.png) no-repeat 0 0;
  opacity: 0;
  -webkit-transition: opacity .25s linear;
  -moz-transition: opacity .25s linear;
  -o-transition: opacity .25s linear;
  transition: opacity .25s linear;
  /* IE7 */
 filter: alpha(opacity=0);
  /* IE8 */
  -ms-filter:
  "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index:0;
}
.overlay:hover {
  opacity: 1;
  /* IE7 */
  filter: alpha(opacity=75);
  /* IE8 */
  -ms-filter:
  "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}
li a:hover img {
  opacity: 0.8;
  /* IE7 */
  filter: alpha(opacity=80);
  /* IE8 */
  -ms-filter:
  "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}


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