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


body {
	margin: 0;
	padding: 0;
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	color:#333333;
	line-height:1.2;
	font-size: 14px;
}
* html body {
	vertical-align:baseline;
	font-size: 85%;
}
*+html body { 
	font-size: 14px;
	font-size: 85%;
}

.body_mac_moz {
	-moz-opacity:0.99;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, dl, dt, dd, input, textarea, blockquote  {
	margin: 0;
	padding: 0;
	font-size:1.0em;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
	line-height:1.4;
}
ul {
	list-style:none;
}
li {
}

address {
	font-style:normal;
}
a {
	color:#218dfc;
	cursor:pointer;
	outline:none;
}
a:hover{
}
.op_pdf {
	background-image:url(../images/200910/icon_pdf.gif);
	background-repeat:no-repeat;
	background-position:0 50%;
	padding-left:18px;
	display:inline-block;
}
img {
	border:none;
	vertical-align:bottom;
}
table th,
table td {
	font-size:1.0em;
	font-weight:normal;
}



html {
	margin-bottom:1px;
	height:100%;
	overflow-y:scroll;
}



.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {	
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix { 
	height: 1%;
}
.clearfix {	
	display: block;
}
/* End hide from IE-mac */ 



* html .iepngfix {
	behavior: expression(IEPNGFIX.fix(this));
}
*+html .iepngfix {
	behavior: expression(IEPNGFIX.fix(this));
}


/*div {
	zoom:1;
}
*/




/*　共通スタイル
===================================================*/
#wrapper {
	width:940px;
	margin:0 auto;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
}


#header {
	background-image:url(../images/header.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
	height:61px;
	position:relative;
}

#header .logo{
	position:absolute;
	top:7px;
	left:14px;
}



#header .links{
	position:absolute;
	top:19px;
	left:523px;
}
#header .links li{
	float:left;
}

#header .tel{
	position:absolute;
	top:7px;
	left:768px;
}






#main_img {
	background-image:url(../images/200910/main_img_bg.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	height:547px;
	position:relative;
}


#main_img h1 {
	background-image:url(../images/200910/page_title.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	height:81px;
	width:889px;
	position:absolute;
	top:17px;
	left:19px;
	text-indent:-99999px;
	overflow:hidden;
}

#main_img #ipod {
	background-image:url(../images/200910/catchy.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	height:231px;
	width:231px;
	position:absolute;
	top:105px;
	left:0px;
	text-indent:-99999px;
	overflow:hidden;
}
#main_img .text {
	position:absolute;
	top:115px;
	left:640px;
	width:279px;
	line-height:1.25;
	color:#ffffff;
	/*font-size:0.92em;*/
}


#main_img .btm1 {
	position:absolute;
	top:329px;
	left:643px;
}
#main_img .btm2 {
	position:absolute;
	top:447px;
	left:643px;
}
#main_img .btm3 {
	position:absolute;
	top:447px;
	left:779px;
}



#main_img .note{
	position:absolute;
	bottom:0;
	right:17px;
	font-size:0.85em;
}




#section1 {
	width:920px;
	margin:0 auto 20px;
}

#section1 h2{
	width:900px;
	margin:0 auto;
	background-image:url(../images/section_h2.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	height:42px;
	text-indent:-9999px;
	overflow:hidden;
	border-bottom:1px solid #9e0028;
}
#section1 h3{
	width:900px;
	margin:0 auto 10px;
	background-image:url(../images/section_h3.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	height:43px;
	text-indent:-9999px;
	overflow:hidden;
}




#s1_list {
	width:915px;
	background-image:url(../images/200910/section1_li_bg.jpg);
	background-position:1px 100%;
	background-repeat:no-repeat;
	padding-bottom:14px;
	margin:0 auto;
}




#s1_list li{
	width:305px;
	float:left;
}
#s1_list h4{
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	height:71px;
}

#s1_list1 h4{
	background-image:url(../images/200910/section1_hd1.jpg);
}
#s1_list2 h4{
	background-image:url(../images/200910/section1_hd3.jpg);
}
#s1_list3 h4{
	background-image:url(../images/200910/section1_hd2.jpg);
}
/*#s1_list4 h4{
	background-image:url(../images/200910/section1_hd4.jpg);
}
*/
#s1_list p{
	padding:8px 20px;
	line-height:1.3;
}


#s1_list1 a{
	display:block;
	text-align:center;
	padding:8px 0 0;
	
}







#section2 {
	clear:both;
	width:920px;
	margin:0 auto 20px;
}

#section2 h2{
	width:900px;
	margin:0 auto 10px;
	background-image:url(../images/section2_h2.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	height:42px;
	text-indent:-9999px;
	overflow:hidden;
	border-bottom:1px solid #9e0028;
}





#s2_list {
	width:894px;
	height:422px;
	margin:0 auto;
	background-image:url(../images/section2_ill.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	position:relative;
}

#s2_list li{
	width:213px;
	position:absolute;
	line-height:1.6;
}

#s2_list a{
	display:block;
}

#s2_list span{
	display:none;
}


#s2_list1 {
	top:202px;
	left:8px;
}
#s2_list1 ,
#s2_list1 a {
	height:123px;
}

#s2_list2 {
	top:13px;
	left:673px;
}
#s2_list2 ,
#s2_list2 a {
	height:172px;
}
#s2_list3 {
	top:286px;
	left:638px;
}
#s2_list3 ,
#s2_list3 a {
	height:105px;
}



#about {
	background-image:url(../images/200910/about_bg_mid.gif);
	background-position:0 0;
	background-repeat:repeat-y;
	width:906px;
	margin:0 auto 40px;
}
#about_inner {
	background-image:url(../images/200910/voice_top.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}
#about_inner2{
	background-image:url(../images/voice_bg2.gif);
	background-position:0 100%;
	background-repeat:no-repeat;
	padding:14px 0 1px;
	zoom:1;
}
.about_sect{
	width:881px;
	background-image:url(../images/200910/about_sect_bg.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	padding-top:15px;
	margin:0 auto 14px;
}
.about_sect .inner{
	background-image:url(../images/200910/about_sect_bg.gif);
	background-position:0 100%;
	background-repeat:no-repeat;
	padding:0 21px 15px;
}
.about_sect h2{
	float:left;
	padding: 4px 0 0;
}
.about_sect ul {
	margin-left:185px;
	line-height:1.5;
	background-image:url(../images/200910/dotted_line_v.gif);
	background-position:0 0;
	background-repeat:repeat-y;
	padding: 4px 0 4px 20px;
}

#as1 li {
	float:left;
	white-space:nowrap;
}
#as1 li.fix_width {
	width:14em;
}
#as1 li.fix_width2 {
	padding-right:2em;
}
#as2 h3{
	margin:0 0 11px;
}
#as2 .note{
	padding: 7px 0 0;
	color:#7f7f7f;
	font-size:0.85em;
}
#as2 li{
	padding: 0 0 18px;
	margin:0;
}
#as2 li.last{
	padding: 0 0 0;
}


#footer {
	background-image:url(../images/200910/footer1.gif);
	height:128px;
	position:relative;
}

#footer .text{
	text-indent:-9999px;
	overflow:hidden;
}


#footer .btn{
	position:absolute;
	top:41px;
	left:563px;
}
#ft_logo{
	text-align:right;
	padding:5px 5px 0;
}
#cr {
	text-align:right;
	padding:0 0 10px;
}