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

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

#head1 #head1Logo 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 #globalNavi2{
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px dashed #999;
}

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

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

#head2 h1{
	width:750px;
	height:25px;
	line-height:9px;
	font-size:9px;
	text-indent:-9999px;
	background-repeat:no-repeat;
	margin-bottom:10px;
	
	clear:both;
}


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


#main{
	margin-bottom:15px;
	background:url(../image/main_back.gif) repeat-y;
}


#main #paraA{
	width:190px;
	float:left;
	margin-right:10px;
	
	padding:1px;
}


#main #paraA h3{
	margin-bottom:10px;
}

#main #paraA h4{
	width:185px;
	height:14px;
	line-height:9px;
	font-size:9px;
	text-indent:-9999px;
	background:url(../image/categories.gif) no-repeat;
	border-bottom:1px dashed #999;
}

#main #paraA ul li{
	background:url(../image/arrow.gif) 0% 50% no-repeat;
	padding:5px 0px 5px 15px;
	margin-right:5px;
	border-bottom:1px dashed #999;
	
}


#main #paraB{
	width:544px;
	float:left;
	padding:1px;
}
/* ====================5.フッターの設定 ====================*/
#footer{
	border-top:1px dashed #999;
	background:#fff;
}

#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;
	background:#fff;
}

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

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

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

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