@charset "utf-8";

/*	------------------------------------------------------------
*	Copyright(c) 2008 Shobunsha Digital Solution Co.,Ltd.
*	------------------------------------------------------------	*/

/*	------------------------------------------------------------
*	import
*	------------------------------------------------------------	*/

@import url(core/common.css);

/*
*	-*- init -*-
*/

/*	------------------------------------------------------------
*	p,hx
*	------------------------------------------------------------	*/

p,
h1,h2,h3,h4,h5,h6 {
	margin: 10px 0 0;
}



/*
*	-*- user / other init -*-
*/

/*	------------------------------------------------------------
*	disappear
*	------------------------------------------------------------	*/

p.topic-menu1 a span,
/*	local-menu	*/
div#local-menu ul li a span {
	visibility: hidden;
	
}

/*	------------------------------------------------------------
*	index -> global-menu
*	------------------------------------------------------------	*/

body#index div#global-menu ul li#gm0 a {
	background-position: right top;
}


/*
*	-*- container -*-
*/

/*	------------------------------------------------------------
*	main-img
*	------------------------------------------------------------	*/

div#main-img {
	margin: 10px 0 0;
}


/*
*	-*- bone-layer -*-
*/

/*	------------------------------------------------------------
*	bone-layer1
*	------------------------------------------------------------	*/

div#bone-layer1 {
	width: 565px;
	margin: 10px 5px 0 0;
}

/*	----------------------------------------
*	bone-layer1 -> topic1
*	----------------------------------------	*/

div#topic1 {
	width: 373px;
	float: left;
	clear: right;
	background: url(../img/index/topic1_bg_01.gif) left top repeat-y;
}

div#topic1 ul {
	/*\*/
	_display: inline-block;
	/**/
	padding-bottom: 10px;
	background: url(../img/index/topic1_bg_02.gif) left bottom no-repeat;
}

div#topic1 ul li {
	float: left;
	clear: right;
	width: 175px;
	padding: 0 5px;
}

div#topic1 ul li h2,
div#topic1 ul li p {
	margin: 5px 0 0;
	line-height: 1.35;
}

p#tpm1 a {
	background: url(../img/index/topic1_img_01.gif) left top no-repeat;
}
p#tpm2 a {
	background: url(../img/index/topic1_img_02.gif) left top no-repeat;
}
p#tpm3 a {
	background: url(../img/index/topic1_img_03.gif) left top no-repeat;
}p#tpm4 a {
	background: url(../img/index/topic1_img_04.gif) left top no-repeat;
}

p#tpm1 a:hover {
	background: url(../img/index/topic1_img_01.gif) right top no-repeat;
}
p#tpm2 a:hover {
	background: url(../img/index/topic1_img_02.gif) right top no-repeat;
}
p#tpm3 a:hover {
	background: url(../img/index/topic1_img_03.gif) right top no-repeat;
}
p#tpm4 a:hover {
	background: url(../img/index/topic1_img_04.gif) right top no-repeat;
}

p.topic-menu1 a {
	display: block;
	width: 175px;
	height: 90px;
	text-decoration: none;
}

/*	----------------------------------------
*	bone-layer1 -> topic2
*	----------------------------------------	*/

div#topic2 {
	width: 185px;
	height: 100%;
	float: left;
	clear: right;
	margin-left: 7px;
	background: url(../img/index/topic2_bg_01.gif) left top repeat-y;
}

div#topic2-inner {
	padding: 0 5px 1.6em;
	background: url(../img/index/topic2_bg_02.gif) left bottom no-repeat;
}

div#topic2 h2 {
	font-size: .9em;
}
div#topic2 h3 {
	font-size: .8em;
}
div#topic2 h2 a {
	color: #06c;
}

div#topic2 ul li p {
	line-height: 1.2;
}

div#topic2 ul li p img {
	display: block;
	width: 50px;
	height: 50px;
	float: left;
	margin: 0 5px 5px 0;
}

/*	----------------------------------------
*	bone-layer1 -> trial-icons
*	----------------------------------------	*/

ul#trial-icons {
	width: 543px;
	border: 1px solid #ccc;
	padding: 10px;
}

ul#trial-icons li {
	display: block;
	float: left;
	/*
	clear: right;
	*/
}

ul#trial-icons li a {
	margin: 0 .6em;
}

/*	------------------------------------------------------------
*	bone-layer2
*	bone-layer2-inner
*	------------------------------------------------------------	*/

div#bone-layer2 {
	width: 190px;
	margin: 10px 0 0;
}

div#bone-layer2-inner {
	background-color: #f0f0f0;
	padding: 5px;
}

/*	----------------------------------------
*	bone-layer2-inner -> topic3
*	----------------------------------------	*/

div.topic3 {
	background-color: white;
	padding: 5px;
	margin: 0 0 5px;
}

div.topic3 h2 {
	margin: 0;
	font-size: 0em;
}
div.topic3 .get-link {
	border-top: 1px dashed #ccc;
	padding-top: .4em;
}

/*	------------------------------------------------------------
*	local-menu
*	------------------------------------------------------------	*/

/*
div#local-menu {}

div#local-menu ul {}
*/

div#local-menu ul li {
	margin-bottom: 5px;
}

div#local-menu ul li a {
	display: block;
	width: 180px;
	height: 42px;
	text-decoration: none;
	letter-spacing: -1em;
}

div#local-menu ul li#lm1 a {
	background: url(../img/index/lm_01.gif) left top no-repeat;
}
div#local-menu ul li#lm2,
div#local-menu ul li#lm2 a {
	/*
	background: url(../img/index/lm_02.gif) left top no-repeat;
	*/
	display: none;
	height: 0;
}
div#local-menu ul li#lm3 a {
	background: url(../img/index/lm_03.gif) left top no-repeat;
}
div#local-menu ul li#lm4 a {
	background: url(../img/index/lm_04.gif) left top no-repeat;
}
div#local-menu ul li#lm5 a {
	background: url(../img/index/lm_05.gif) left top no-repeat;
}
div#local-menu ul li#lm6 a {
	background: url(../img/index/lm_06.gif) left top no-repeat;
}
div#local-menu ul li#lm7 a {
	background: url(../img/index/lm_07.gif) left top no-repeat;
}
div#local-menu ul li#lm8 a {
	background: url(../img/index/lm_08.gif) left top no-repeat;
}

div#local-menu ul li#lm1 a:hover {
	background: url(../img/index/lm_01.gif) right top no-repeat;
}
div#local-menu ul li#lm2 a:hover {
	background: url(../img/index/lm_02.gif) right top no-repeat;
}
div#local-menu ul li#lm3 a:hover {
	background: url(../img/index/lm_03.gif) right top no-repeat;
}
div#local-menu ul li#lm4 a:hover {
	background: url(../img/index/lm_04.gif) right top no-repeat;
}
div#local-menu ul li#lm5 a:hover {
	background: url(../img/index/lm_05.gif) right top no-repeat;
}
div#local-menu ul li#lm6 a:hover {
	background: url(../img/index/lm_06.gif) right top no-repeat;
}
div#local-menu ul li#lm7 a:hover {
	background: url(../img/index/lm_07.gif) right top no-repeat;
}
div#local-menu ul li#lm8 a:hover {
	background: url(../img/index/lm_08.gif) right top no-repeat;
}


h2#news-h {
	background: url(../img/index/h_02.gif) left top no-repeat;
}
h2#notice-h {
	background: url(../img/index/h_03.gif) left top no-repeat;
}
h2#news-h,
h2#notice-h {
	display: block;
	width: 565px;
	height: 20px;
	font-size: .8em;
	text-align: right;
	margin: 1em 0 0;
}


.obi-link {
	top: -.6em;
	_top: 0px;
}

*:first-child + html .obi-link {
	top: -2px;
	right: 0px;
}