@charset "utf-8";



/*------------------------------------------------------------------------------



	[ファイル名]	home.css

	

	[概要]	トップページ専用CSS

	

	[目次]

		・clear-fix

		・テキスト画像代替

	

	[メモ]	

	

	[最終更新日]	October 28, 2009;

	

------------------------------------------------------------------------------*/



/*-------------------------------------------------------------------



	clear-fix

							

-------------------------------------------------------------------*/

#hoge:after

{

    content: ".";

    display: block;

    height: 0px;

    clear: both;

    visibility: hidden;

}



/* Win IE7 */

*:first-child + html #hoge

{

	height: 1%;

}

/* End Win IE7 */



/* Win IE6 \*/

* html #hoge

{

	height: 1%;

}

/* End Win IE6 */



/* Mac IE\*//*/

#hoge

{

	display: inline-table;

}

/* End Mac IE */





/*-------------------------------------------------------------------



	テキスト画像代替

						

-------------------------------------------------------------------*/

div#sectionBuilt h2,div#sectionBuilt h2 a,

div#sectionCustom h2,div#sectionCustom h2 a,

div#sectionBuilt div.articleDescription p.articleDetailButton,div#sectionBuilt div.articleDescription p.articleDetailButton a

{

	display: block;

	text-indent: -10000px;

/* Hides from Mac IE \*/

	overflow: hidden;

/* */

	border-bottom: 0px dotted #418aaf;

}



/*-------------------------------------------------------------------



	mainVisual

						

-------------------------------------------------------------------*/

p#mainVisual{

	margin-bottom: 20px;

}



/*-------------------------------------------------------------------



	sectionBuilt

						

-------------------------------------------------------------------*/

div#sectionBuilt{

	float: left;

	width: 335px;

	background: url(../../images/home/section_bg.gif) no-repeat scroll left bottom;

}



div#sectionBuilt h2{

	position: relative;

	width: 335px; height: 58px;

	margin-top: 0px;

	padding: 0px;

	background: url(../../images/home/section_built_heading.gif) no-repeat scroll left top;

}



div#sectionBuilt h2 a{

	position: absolute;

	top: 22px; right: 6px;

	width: 83px; height: 17px;

	background: url(../../images/common/link_intro_button.gif) no-repeat scroll left top;

	border-bottom: 0px dotted #ff6699 !important;

}



div#sectionBuilt h2 a:hover,div#sectionBuilt h2 a:active{

	background: url(../../images/common/link_intro_button_ov.gif) no-repeat scroll left top;

}



div#sectionBuilt div.sectionContent{

	width: 313px;

	margin: 9px 11px 11px 11px;

	padding: 0px;

	background: #f1f1f1 url(../../images/home/section_built_bg.gif) no-repeat scroll right bottom;

}



div#sectionBuilt div.sectionContent a{

	border-bottom: 0px dotted #ff6699 !important;

}



div#sectionBuilt span.mt-enclosure-image{

	float: left;

	width: 128px;

}



div#sectionBuilt div.articleDescription{

	float: left;

	width: 183px;

	border-top: 1px solid #f1f1f1;

}



div#sectionBuilt div.articleDescription h3{

	width: 164px;

	margin-bottom: 0px;

	padding: 9px;

	background: #ffffff url(../../images/home/article_heading_bg.gif) repeat-x scroll left bottom;

	border: 1px solid #d4d4d4;

	font-size: 100%;

}



/* Win IE6 \*/

* html div#sectionBuilt div.articleDescription h3{

	width: 183px;

}

/* End Win IE6 */



div#sectionBuilt div.articleDescription h3 a{

	padding: 5px 0px 5px 15px;

	background: url(../../images/common/arrow_blue.gif) no-repeat scroll 0em 0.5em;

	font-weight: bold;

}



div#sectionBuilt div.articleDescription p{

	padding: 6px 10px 3px 10px;

	line-height: 1.4;

}



div#sectionBuilt div.articleDescription p.articleDetailButton{

	width: 171px; height: 18px;

	margin-left: 6px; padding: 0px 0px 8px 0px;

	background: url(../../images/home/article_detail_button.gif) no-repeat scroll left top;

}



div#sectionBuilt div.articleDescription p.articleDetailButton a{

	width: 171px; height: 18px;

}



div#sectionBuilt div.articleDescription p.articleDetailButton a:hover,div#sectionBuilt div.articleDescription p.articleDetailButton a:active{

	background: url(../../images/home/article_detail_button_ov.gif) no-repeat scroll left top;

}



/*-------------------------------------------------------------------



	sectionCustom

						

-------------------------------------------------------------------*/

div#sectionCustom{

	float: right;

	width: 335px;

	background: url(../../images/home/section_bg.gif) no-repeat scroll left bottom;

}

div#sectionCustom h2{

	position: relative;

	width: 335px; height: 58px;

	margin-top: 0px;

	padding: 0px;

	background: url(../../images/home/section_custom_heading.gif) no-repeat scroll left top;

}



div#sectionCustom h2 a{

	position: absolute;

	top: 22px; right: 6px;

	width: 83px; height: 17px;

	background: url(../../images/common/link_intro_button.gif) no-repeat scroll left top;

	border-bottom: 0px dotted #ff6699 !important;

}



div#sectionCustom h2 a:hover,div#sectionCustom h2 a:active{

	background: url(../../images/common/link_intro_button_ov.gif) no-repeat scroll left top;

}



div#sectionCustom div.sectionContent{

	width: 313px;

	margin: 9px 11px 11px 11px;

	padding: 0px;

	background-color: #f1f1f1;

}



div#sectionCustom div.sectionContent a{

	border-bottom: 0px dotted #ff6699 !important;

}



/*-------------------------------------------------------------------



	sectionTopics

						

-------------------------------------------------------------------*/

div#sectionTopics h2{

	background-image: url(../../images/home/section_topics_heading.gif);

}