/* ===================================================================
CSS information

 File Name  : index_style.css
 Style Info : インデックス内のスタイル
=================================================================== */

/*Newコンテンツ
----------------------------------------------------------- */

#wrap_right_index{float:right;width:162px;text-align:left;padding-top:0px;margin-top:17px;}



#gallery {margin-top:-16px;margin-bottom:10px;
	position:relative;
	height:330px
;}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	;}

	#gallery .caption {
		z-index:600; 
		background-color:#333333; 
		color:#ffffff; 
		height:60px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:5px;padding:5;font-size:0.8em;letter-spacing: 0.2em;
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;padding-bottom:3;
		color:#D42D48;font-size:1.2em;
                
	}


/*What's Newのスタイル
----------------------------------------------------------- */
#whatsnew {width:560px;}
#whatsnew_rogotitle {border-bottom:1px solid #E2E1DD;width:100%;height:26px;padding-top:;}
#whatsnew_rogo {width:166px;float:left;height:26px;background-image: url("../images/rogo/whatsnew.jpg");background-repeat:no-repeat;text-indent: -9999px;}
#whatsnew_rogo h2 {font-size:0.3em;}
#whatsnew_main {width:100%;margin:0 auto;text-align:left;}
#whatsnew_main ul {margin-left:1px;padding-top:14px;margin-bottom:20px;list-style-type: none;}
#whatsnew_main ul a {text-decoration:none;}
#whatsnew_main ul a:hover{text-decoration: underline;}
#whatsnew_main li {height:28px;}
#whatsnew_main li img {vertical-align: middle;}


/*詳細アイコンのスタイル
----------------------------------------------------------- */
.detail	 {float:right;padding-top:7px;}
a.detail_rogo {background: url("../images/detail.jpg");height:18px;width:51px;display: block;cursor:pointer;text-indent: -9999px;}
a.detail_rogo:hover{background-position:left bottom;}




/*AboutとWorksのスタイル
----------------------------------------------------------- */
#about_works {padding:20px 0 40px 0;}

/* ------------ Aboutとメールマガジンbox */
#about_mailma {float:left;width:280px;padding-bottom:30px; }

/* ------------ About */
#about_rogotitle {margin-bottom:7px;width:100%;height:26px;border-bottom:1px solid #E2E1DD;}
#about_rogo {float:left;width:98px;height:26px;background-image: url("../images/rogo/whatsisis_top.jpg");background-repeat:no-repeat;text-indent: -9999px;}
#about_main {margin:-10px 10px 0 3px;line-height: 1.5em;padding-bottom:30px;}

/* ------------ Mail Magazine */
#mailma_rogotitle {margin-bottom:7px;width:100%;height:26px;border-bottom:1px solid #E2E1DD;}
#mailma_rogotop {float:left;width:142px;height:26px;background-image: url("../images/rogo/mailmagazine_top.jpg");background-repeat:no-repeat;text-indent: -9999px;}
#mailma_main {margin:-8px 10px 0 3px;line-height: 1.5em;}
#mailma_main h4 {padding-top:22px;padding-bottom:10px;}
.mailma_mainLink {font-size:0.9em;padding-top:16px;}
.mailma_mainLink a{color:#333333;}
.mailma_mainLink a:hover{text-decoration:underline;}


/* ------------ Works */
#works {float:right;width:243px; padding-bottom:5px;}
#works_rogo {border-bottom:1px solid #E2E1DD;width:100%;height:25px;background-image: url("../images/rogo/works.jpg");background-repeat:no-repeat;text-indent: -9999px;}

#works dl {padding-top:15px;margin-left:4px;}
#works  dt {border-left:4px solid #D42D48;padding-left:12px ;padding-top:6px;padding-bottom:7px;margin-bottom:8px;}
#works  dt a {text-decoration:none;}
#works dd {margin-bottom:18px; }

#works a:hover{color:#DB3550;}
#works dd img {margin-bottom:5px;}
#works  dd p {line-height: 1.6em;}