/* home.css */

/* author------------------------
	SUPER EDITION INC.
	SHOKO OYAMADA
	oyamada@super-edition.com
-------------------------------*/

/* used by------------------------
	./index.html（トップページ）
-------------------------------*/

/* contents------------------------
	1.大枠の設定
	2.ヘッダー1の設定
	2-a.ヘッダー1内グローバルナビ1の設定
	3.ヘッダー2の設定
	3-a.ヘッダー2内グローバルナビ2の設定
	4.メインの設定
	5.フッターの設定
------------------------*/


/* ====================1.大枠の設定 ====================*/

#wrapper {
	width:750px;
	text-align:left;
	margin:0px auto;/* 中央寄せの設定、common.cssのbodyのtext-align:centerと併せて使用 */
}
#head1{
	margin-top:10px;
	width:750px;
	height:80px;
	margin-bottom:5px;
}
#head2{
	width:750px;
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px dashed #999;
}
#main{

}
#paraA{
	width:750px;
	margin-bottom:5px;
	padding-bottom:10px;
	border-bottom:1px dashed #999;
clear:both;
}
#paraB{
	width:750px;
	margin-bottom:5px;
clear:both;
}
#footer{
	width:750px;
	margin-bottom:5px;
}
/* ====================2.ヘッダー1の設定 ====================*/
#head1{
	position:relative;/* h2とグローバルナビを絶対配置するため */
	background:url(shared/image/head1.gif) no-repeat;
}

#head1 h1{
	position:absolute;
	top:0px;
	left:0px;
	width:95px;
	height:50px;
	line-height:9px;
	font-size:9px;
	text-indent:-9999px;
}

#head1 h1 a{
	display:block;
	width:95px;
	height:50px;
	line-height:9px;
	font-size:9px;
	text-indent:-9999px;
}

#head1 h2{
	position:absolute;
	top:21px;
	left:588px;
	width:162px;
	height:14px;
	line-height:9px;
	font-size:9px;
	text-indent:-9999px;
}

#head1 h2 a{
	display:block;
	width:162px;
	height:14px;
	line-height:9px;
	font-size:9px;
	text-indent:-9999px;
}

#head1 ul{
	position:absolute;
	top:60px;
}

#head1 ul li{
	float:left;
	width:92px;
	font-size:11px;
	border-left:1px solid #ccc;
	text-align:center;
}

#head1 ul li#globalNavi1I{
	border-right:1px solid #ccc;
}


/* ====================3.ヘッダー2の設定 ====================*/

#head2 #head2A{
	margin-bottom:5px;
	padding-bottom:10px;
	border-bottom:1px dashed #999;
}

#head2 h2{
	width:141px;
	height:67px;
	float:left;
	line-height:9px;
	font-size:9px;
	text-indent:-9999px;
	margin-right:11px;
}

#head2 h2 a{
	display:block;
	width:141px;
	height:67px;
	line-height:9px;
	font-size:9px;
	text-indent:-9999px;
	float:left;
	background-repeat:no-repeat;
}

#head2 h2#globalNavi2A{background-image:url(shared/image/globalnavi2a.gif);}
#head2 h2#globalNavi2B{background-image:url(shared/image/globalnavi2b.gif);}
#head2 h2#globalNavi2C{background-image:url(shared/image/globalnavi2c.gif);}
#head2 h2#globalNavi2D{background-image:url(shared/image/globalnavi2d.gif);}
#head2 h2#globalNavi2E{background-image:url(shared/image/globalnavi2e.gif);margin-right:0px;}

#head2 h2#globalNavi2A a:hover{background-image:url(shared/image/globalnavi2a_on.gif);}
#head2 h2#globalNavi2B a:hover{background-image:url(shared/image/globalnavi2b_on.gif);}
#head2 h2#globalNavi2C a:hover{background-image:url(shared/image/globalnavi2c_on.gif);}
#head2 h2#globalNavi2D a:hover{background-image:url(shared/image/globalnavi2d_on.gif);}
#head2 h2#globalNavi2E a:hover{background-image:url(shared/image/globalnavi2e_on.gif);}


/* ====================4.メインの設定 ====================*/

#main #paraA{
clear:both;
}

#main #paraA h3#paraA1{
	width:632px;
	height:58px;
	float:left;
	line-height:9px;
	font-size:9px;
	text-indent:-9999px;
	background:url(image/a1.gif) no-repeat;
}

#main #paraA p#paraA2{
	width:118px;
	height:58px;
	text-align:right;
	float:left;
}

#main #paraA p img{
	margin-top:30px;
}

#main #paraB{
	
}

#main #paraB #paraB1{
	width:190px;
	float:left;
	border-right:1px dashed #999;
	margin-right:10px;
	
}

#main #paraB #paraB2{
	width:545px;
	float:left;
}

#main #paraB #paraB1 p{
	width:181px;
	height:69px;
	background-repeat:no-repeat;
	line-height:9px;
	font-size:9px;
	text-indent:-9999px;
	margin-bottom:5px;
}

#main #paraB #paraB1 p#paraB1A{background-image:url(image/b1a.jpg);}
#main #paraB #paraB1 p#paraB1B{background-image:url(image/b1b.jpg);}
#main #paraB #paraB1 p#paraB1C{background-image:url(image/b1c.jpg);}

#main #paraB #paraB1 p a{
	display:block;
	width:181px;
	height:69px;
	line-height:9px;
	font-size:9px;
	text-indent:-9999px;
}

#main #paraB #paraB2 #paraB2A{
	margin-bottom:5px;
}

#main #paraB #paraB2 #paraB2A h3#paraB2A1{
	width:171px;
	height:25px;
	background:url(image/parab_h3.gif) no-repeat;
	line-height:9px;
	font-size:9px;
	text-indent:-9999px;
	margin-bottom:5px;
	margin-right:5px;
	float:left;
}

#main #paraB #paraB2 #paraB2A #paraB2A2{
	width:59px;
	float:left;
}
#main #paraB #paraB2 #paraB2A #paraB2A2 img{
	margin-top:10px;
}

#main #paraB #paraB2 #paraB2A #paraB2A3{
	width:310px;
	float:left;
	text-align:right;
}

#main #paraB #paraB2 #paraB2A #paraB2A3 img{
	margin-top:5px;
}

#main #paraB #paraB2 #paraB2B{
	margin-left:10px;
}

#main #paraB #paraB2 #paraB2B .paraB2B1new{
	padding-left:30px;
	display:inline;
	margin-right:10px;
	background:url(image/parab2c.gif) 0% 50% no-repeat;
}

#main #paraB #paraB2 #paraB2B .paraB2B1{
	padding-left:30px;
	display:inline;
	margin-right:10px;
}

#main #paraB #paraB2 #paraB2B h3{
	display:inline;
}

#main #paraB #paraB2 #paraB2B .paraB2B2 p{
	display:inline;
}

/* ====================5.フッターの設定 ====================*/
#footer{
	border-top:1px dashed #999;
}

#footer p{
	font-size:10px;
}

#footer #footerNavi1{
	display:none;
}

#footer #footerNavi2{
	display:none;
}

#footer #footerCopy{
	width:750px;
	text-align:right;
}

/* ====================5.フッターの設定 
#footer{
	border-top:1px dashed #999;
}

#footer p{
	font-size:10px;
}

#footer #footerNavi1{
	width:67px;
	float:left;
	margin-right:10px;
	padding-left:15px;
	background:url(shared/image/arrow.gif) 0% 50% no-repeat;
}

#footer #footerNavi2{
	width:148px;
	float:left;
	margin-right:10px;
	padding-left:12px;
	background:url(shared/image/arrow.gif) 0% 50% no-repeat;
}

#footer #footerCopy{
	width:480px;
	float:left;
	text-align:right;
}====================*/