@charset "Shift_JIS";

/* ===== mainVisual Style ===== */

#mainVisual{
padding:0px 10px;
background:url(/material/images/top/frame_side.gif) no-repeat;
}

/* ===== contents Style ===== */
#contentsTopBg{
background:url(/material/images/top/frame_side02.gif) repeat-y;
}

#contentsTop{
padding:20px 40px;
background:url(/material/images/top/frame_side.gif) no-repeat 0px -245px;
}

#footerTopBottom{
padding-top:19px;
background:url(/material/images/top/frame_bottom.gif) no-repeat;
}

/* ===== link Style ===== */

#contentsTop a:link,
#contentsTop a:active,
#contentsTop a:visited{
background-color:#F4F4F4;
color:#363636;
}

#contentsTop a:hover{
background-color:#F4F4F4;
color:#466A00;
}

/* ===== topContentsFloat Style ===== */

#topContentsLeft{
float:left;
width:580px;
}

#topContentsRight{
float:right;
width:275px;
}


/* ===== headline Style ===== */
.headline{
margin-bottom:15px;
}


/* ===== topIdea Style ===== */

#topIdea{
margin-bottom:15px;
padding-bottom:25px;
border-bottom:1px solid #A4A4A4;
}

.topIdeaText{
padding-left:15px;
line-height:120%;
}

.topIdeaText div{
margin-top:15px;
text-align:right;
}

.topIdeaText div img{
margin-right:5px;
}

/* ===== topMenu Style ===== */
#topMenu{
margin-bottom:20px;
}

.topMenuImg01{
width:1%;
padding-right:10px;
}

.topMenuImg02{
width:1%;
padding:0px 10px;
}

.topMenuSample01{
width:50%;
padding-right:10px;
border-right:1px dashed #A4A4A4;
line-height:120%;
font-size:80%;
font-weight:bold;
}

.topMenuSample02{
width:50%;
padding-right:20px;
line-height:120%;
font-size:80%;
font-weight:bold;
}

.topMenuText01{
padding:0px 10px;
line-height:120%;
border-right:1px dashed #A4A4A4;
}

.topMenuText02{
padding:0px 10px;
line-height:120%;
}

.topMenuLink{
padding:0px 12px;
text-align:right
}

.topMenuLink img{
margin-right:5px;
}
/* ===== topMenu Style New===== */

#topMenuArea{
	margin-bottom:20px;
	margin-top: 20px;
}

.topMenuImg{
	width:190px;
	padding-top: 10px;
}

.topMenuSample{
width:50%;
padding-right:10px;
line-height:120%;
font-size:80%;
font-weight:bold;
}

.topMenuTitle{
	padding:10px 5px 5px;
	line-height:120%;
	font-size: 110%;
	font-weight: bold;
}

.topMenuText{
	padding:5px;
	line-height:120%;
}

#topMenuArea td.line{
	border-bottom:1px dashed #A4A4A4;
	}
#topMenuArea .topMenuLink{
	padding:10px 12px;
	text-align:right;
	border-bottom:1px dashed #A4A4A4;
}

#topMenuArea .topMenuLink img{
margin-right:5px;
}

/* ===== topWhatsnew Style ===== */
#topWhatsnew{}

.topWhatsnewCel{
padding:15px 30px 15px 20px;
background:url(/material/images/top/frame_top_side.gif) repeat-y;
}

.topWhatsnewCel span{
font-weight:bold;
}

.topWhatsnewHL{
margin-bottom:15px;
padding-bottom:5px;
border-bottom:3px solid #D4D4D4;
}

#topWhatsnew td{
padding:0px 10px 10px 0px;
}

/* ===== topArea Style ===== */
#topArea{
margin-bottom:15px;
}

.topAreaCopy{
margin-bottom:10px;
padding:0px 12px;
line-height:120%;
}

.topAreaCopy img{
	margin-top:10px;
}

.topAreaLink{
padding:0px 12px;
text-align:right
}

.topAreaLink img{
margin-right:5px;
}

/* ===== topMember Style ===== */
#topMember{
margin-bottom:15px;
}

.topMemberCopy{
margin-bottom:10px;
padding:0px 12px;
line-height:120%;
}

.topMemberCopy img{
	margin-top:10px;
}

.topMemberLink{
padding:0px 12px;
text-align:right
}

.topMemberLink img{
margin-right:5px;
}


/* ===== topVoice Style ===== */
#topVoice{
margin-bottom:15px;
}

.topVoiceCopy{
margin-bottom:10px;
padding:0px 12px;
line-height:150%;
}

.topVoiceCopy img{
float:right;
margin-left:5px;
}

.topVoiceLink{
padding:0px 12px;
text-align:right
}

.topVoiceLink img{
margin-right:5px;
}

/* ===== topVoice Style ===== */
#topTel{
	margin-bottom:15px;
	margin-top: 200px;
}


.topTel img{
float:right;
margin-left:5px;
}


.topTel img{
margin-right:5px;
}

#topInfo{
	border: 2px solid #F00;
	margin-bottom: 20px;
	}
#topInfo div{
	padding: 15px;
	
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.2em;}