@charset "UTF-8";

/* ################################################################################ */
/*        　                                                                        */
/*        ●トップページ                                                            */
/*          1. ページ全般                                                           */
/*          2. グローバルナビゲーション                                             */
/*       　 3. section1                                                             */
/*       　 4. section2                                                             */
/*       　 5. section3                                                             */
/*          6. サブカラム                                                           */
/*        　                                                                        */
/* ################################################################################ */


/* ================================================================================ */
/*      1. ページ全般                                                               */
/* ================================================================================ */

div.mainColumn {
	margin-right: 10px;
	padding-right: 5px;
	border-right: solid 1px #CCCCCC;
	float: left;
	width: 550px;
}

div.mainColumn div h3 {
	margin-bottom: 10px;
	clear: both;
	width: 531px;
}


/* ================================================================================ */
/*      2. グローバルナビゲーション                                                 */
/* ================================================================================ */

ul.globalNavigation li.home a {
	background-position: 0px -38px;
}

/* ================================================================================ */
/*      3. section1                                                                 */
/* ================================================================================ */

div.mainColumn div.section1 {
	margin-left: 15px;
}

div.mainColumn div.section1 ul {
	margin-bottom: 20px;
	overflow: hidden;
}

div.mainColumn div.section1 ul li {
	margin-bottom: 8px;
	margin-left: 15px;
	display: inline;
	float: left;
	width: 250px;
}
div.mainColumn div.section1 ul li.even {
	margin-right: 0px;
	display: inline;
	float: right;
}




/* ================================================================================ */
/*      4. section2                                                                 */  
/* ================================================================================ */

div.mainColumn div.section2 {
	margin-left: 15px;
	background-repeat: repeat-y;
}

div.mainColumn div.section2 div {
	margin-bottom: 20px;
	margin-right: 10px;
	display: inline;
	float: left;
	width: 163px;
}

div.mainColumn div.section2 div.section2_1 {
	margin-left: 10px;
	background-image: url(../images/top/main/bg1_2_1.gif);
}

div.mainColumn div.section2 div.section2_2 {
	background-image: url(../images/top/main/bg1_2_2.gif);
}

div.mainColumn div.section2 div.section2_3 {
	background-image: url(../images/top/main/bg1_2_3.gif);
}

div.mainColumn div.section2 div h4 {
	height: 69px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

div.mainColumn div.section2 div.section2_1 h4 {
	background-image: url(../images/top/main/heading1_2_1.gif);
}

div.mainColumn div.section2 div.section2_1 h4 a{
	background-image: url(../images/top/main/heading1_2_1.gif);
	display: block;
	height: 69px;
	width: 163px;
}

div.mainColumn div.section2 div.section2_2 h4 {
	background-image: url(../images/top/main/heading1_2_2.gif);
}

div.mainColumn div.section2 div.section2_2 h4 a{
	background-image: url(../images/top/main/heading1_2_2.gif);
	display: block;
	height: 69px;
	width: 163px;
}

div.mainColumn div.section2 div.section2_3 h4 {
	background-image: url(../images/top/main/heading1_2_3.gif);
	display: block;
}

div.mainColumn div.section2 div.section2_3 h4 a{
	background-image: url(../images/top/main/heading1_2_3.gif);
	display: block;
	height: 69px;
	width: 163px;
}

/* 枠内リスト */
div.mainColumn div.section2 div ul {
	height: auto;
	font-size: 80%;
}

div.mainColumn div.section2 div ul li {
	margin-bottom: 1px;
	margin-left: 9px;
	padding-left: 7px;
	background-image: url(../images/top/main/marker1_2.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
	letter-spacing: -1px;
	line-height: 1.3;
	height: auto;
}

div.mainColumn div.section2 div ul li a {
	text-decoration: none;
}

div.mainColumn div.section2 div ul li a:hover {
	text-decoration: underline;
}

div.mainColumn div.section2 div.section2_1 ul li a {
	color: #364383;
	background-color: transparent;
}

div.mainColumn div.section2 div.section2_2 ul li a {
	color: #435024;
	background-color: transparent;
}

div.mainColumn div.section2 div.section2_3 ul li a {
	color: #CC0000;
	background-color: transparent;
}
div.mainColumn div.section2 div.section2_3 ul li {
	color: #CC0000;
	background-color: transparent;
}

/* ================================================================================ */
/*      5. section3                                                                 */  
/* ================================================================================ */



div.mainColumn div.section3 {
	margin-left: 15px;
	clear: left;
	width: 531px;
	background-image: url(../images/top/main/photo1.jpg);
	background-repeat: no-repeat;
	background-position: 15px 45px;
	height: 150px;
	margin-bottom: 15px;
}

div.mainColumn div.section3 p {
	margin-left: 150px;
	font-size: 80%;
	float: left;
	display: inline;
	line-height: 1.4;
}

/* ================================================================================ */
/*      6. section4                                                                 */  
/* ================================================================================ */

div.mainColumn div.section4 {
	margin-left: 15px;
	width: 531px;

}


/* ================================================================================ */
/*      7. サブカラム                                                               */  
/* ================================================================================ */

div.subColumn {
	float: left;
	width: 200px;
}

div.subColumn ul.subNaviList1 li {
	margin-bottom: 7px;
}

div.subColumn ul.subNaviList1 li a {
	display: block;
	width: 194px;
	height: 59px;
	overflow: hidden;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

div.subColumn ul.subNaviList1 li.listItem0 a {
	background-image: url(../images/top/sub/link_item1_1.gif);
}

div.subColumn ul.subNaviList1 li.listItem1 a {
	background-image: url(../images/top/sub/link_item1_1.gif);
}

div.subColumn ul.subNaviList1 li.listItem2 a {
	background-image: url(../images/top/sub/link_item1_2.gif);
}

div.subColumn ul.subNaviList1 li.listItem3 a {
	background-image: url(../images/top/sub/link_item1_3.gif);
}

div.subColumn ul.subNaviList1 li.listItem4 a {
	background-image: url(../images/top/sub/link_item1_4.gif);
}

div.subColumn ul.subNaviList1 li.listItem4-2 a {
	background-image: url(../images/top/sub/link_item1_4-2.gif);
}

div.subColumn ul.subNaviList1 li.listItem4-3 a {
	background-image: url(../images/top/sub/link_item1_4-3.gif);
}

div.subColumn ul.subNaviList1 li.listItem5 a {
	background-image: url(../images/top/sub/link_item1_5.gif);
}

div.subColumn ul.subNaviList1 li.shinsei a {
	background-image: url(../images/top/sub/shinsei.gif);
}

div.subColumn dl.subNaviList2 dt {
	margin-bottom: 5px;
	width: 197px;
	height: 23px;
	background-image: url(../images/top/sub/heading2.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

div.subColumn dl.subNaviList2 dd ul li a {
	margin-bottom: 5px;
	display: block;
	width: 154px;
	height: 15px;
	overflow: hidden;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

div.subColumn dl.subNaviList2 dd ul {
	margin-left: 10px;
}

div.subColumn dl.subNaviList2 dd ul li.listItem0 a {
	background-image: url(../images/top/sub/link_item2_1.gif);
}

div.subColumn dl.subNaviList2 dd ul li.listItem1 a {
	background-image: url(../images/top/sub/link_item2_1.gif);
}

div.subColumn dl.subNaviList2 dd ul li.listItem2 a {
	background-image: url(../images/top/sub/link_item2_2.gif);
}

div.subColumn dl.subNaviList2 dd ul li.listItem3 a {
	background-image: url(../images/top/sub/link_item2_3.gif);
}

div.subColumn ul li.button1 {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 310px;
	background-image: url(../images/top/sub/illust.jpg);
	background-repeat: no-repeat;
}

div.subColumn ul li.button1 a {
	display: block;
	width: 197px;
	height: 35px;
	overflow: hidden;
	background-image: url(../images/top/sub/login_link.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}


div.subColumn ul li.donate a {
	display: block;
	width: 197px;
	height: 87px;
	overflow: hidden;
	background-image: url(../images/top/sub/donate.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin-bottom: 25px;
}


/* ================================================================================ */
/*      3.section4                                                                  */  
/* ================================================================================ */

.section4{
	margin-top: 10px;
	margin-bottom: 25px;
	padding-bottom: 20px;
	font-size: 12px;
	width: 530px;
	margin-left: 10px;

	}
.section4 dl{
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.section4 dt{
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0.5em
	}

.section4 dd{
	line-height: 160%!important;
	margin-top: -1.3em;
	margin-right: 0;
	margin-bottom: 0.8em;
	margin-left: 6em;
}


.section4 dd a:link, .section4 dd a:visited{
	color: #0000FF;
	text-decoration: none;
	line-height: 160%!important;
}

.section4 dd a:hover{
	color: #8dc556;
}



.whatsnew dd a:link{
	color: #0033FF;
	text-decoration: none;
}

.whatsnew dd a:visited{
	color: #0033FF;
	text-decoration: none;
}