@charset "utf-8";
@charset "utf-8";

/*//////////////////////////////////////////////////////////////////////////////

	[layout.css]
	
	(C) Shinkousoku Printing Inc.
	
	contents:
		1. container
			1-1. clearfix
			1-2. image replacement
		2. header
			2-1. logo
			2-2. global navigation
			2-3. primary menu
		3. content
			3-1. topic_path
			3-2. main
			3-3. sidebar
			3-4. top
		4. footer
			4-1. contact information
		5. textformat
			5-1. heading
			5-2. list
			5-3. table
			5-4. figure
			5-5. anchor
			5-6. others

//////////////////////////////////////////////////////////////////////////////*/


/*------------------------------------------------------------------------------

	1. container

------------------------------------------------------------------------------*/

* html body{
	text-align: center;
}

div#container{
	background : url(bg.jpg) left top / auto auto repeat-x scroll padding-box border-box transparent;
}

div.wrapper{
	width: 800px;
	margin: 0 auto;
	background: #FFF; 
}
* html div.wrapper{
	text-align: left;
}


/*	1-1. clearfix
------------------------------------------------------------------------------*/

div#header ul::after,
div#content::after,
div.section::after{
	content: '.';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
}
*:first-child +html div#header ul,
*:first-child +html div#content,
*:first-child +html div.section{
	zoom: 1;
}
* html div#header ul,
* html div#content,
* html div.section{
	zoom: 1;
}


/*	1-2. image replacement
------------------------------------------------------------------------------*/

div#header h1 a,
div#header p#logo a,
ul#gnav li a,
ul#gnav li em,
ul.menu li a,
ul.menu li em,
div#content h1,
div#sidebar p,
p#top{
	display: block;
	overflow: hidden;
	outline: none;
	text-indent: -9999px;
}


/*------------------------------------------------------------------------------

	2. header

------------------------------------------------------------------------------*/

div#header{
	position: relative;
	height: 140px;
}


/* 2-1. logo
------------------------------------------------------------------------------*/

div#header h1,
div#header p#logo{
	position: absolute;
	left: 24px;
	top: 24px;
	width: 372px;
	height: 36px;
	margin: 0;
}

div#header h1 a,
div#header p#logo a{
	height: 36px;
	background : url(logo.gif) left top / auto auto no-repeat scroll padding-box border-box transparent;
}

div#header h1 a:hover,
div#header p#logo a:hover{
	background-position: 0 -36px;
}

/* 2-2. global navigation
------------------------------------------------------------------------------*/

div#header ul#gnav{
	list-style: none;
	position: absolute;
	left: 0;
	top: 90px;
	width: 800px;
	margin: 0;
}

div#header ul#gnav li{
	float: left;
	margin: 0;
}

div#header ul#gnav a,
div#header ul#gnav em{
	display: block;
	width: 133px;
	height: 50px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

ul#gnav li.greeting a,
ul#gnav li.greeting em{
	width: 135px !important;
	background : url(greeting.jpg) left top / auto auto no-repeat scroll padding-box border-box transparent;
}


ul#gnav li.information a,
ul#gnav li.information em{
	background : url(information.jpg) left top / auto auto no-repeat scroll padding-box border-box transparent;
}

ul#gnav li.outline a,
ul#gnav li.outline em{
	background : url(outline.jpg) left top / auto auto no-repeat scroll padding-box border-box transparent;
}

ul#gnav li.seminar a,
ul#gnav li.seminar em{
	background : url(seminar.jpg) left top / auto auto no-repeat scroll padding-box border-box transparent;
}

ul#gnav li.rules a,
ul#gnav li.rules em{
	background : url(rules.jpg) left top / auto auto no-repeat scroll padding-box border-box transparent;
}

ul#gnav li.admission a,
ul#gnav li.admission em{
	background : url(admission.jpg) left top / auto auto no-repeat scroll padding-box border-box transparent;
}

div#header ul#gnav li a:hover{
	background-position: 0 -50px;
}

div#header ul#gnav li em{
	background-position: 0 -100px;
}


/* 2-3. primary menu
------------------------------------------------------------------------------*/

ul.menu{
	list-style: none;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0;
}

ul.menu li{
	float: left;
	margin: 0 8px 0 0;
}

ul.menu a,
ul.menu em{
	display: block;
	height: 21px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

ul.menu li.home a,
ul.menu li.home em{
	width: 62px;
	background : url(home.gif) left top / auto auto no-repeat scroll padding-box border-box transparent;
}

ul.menu li.related_links a,
ul.menu li.related_links em{
	width: 83px;
	background : url(related_links.gif) left top / auto auto no-repeat scroll padding-box border-box transparent;
}

ul.menu li.contact_us a{
	width: 98px;
	background : url(contact_us.gif) left top / auto auto no-repeat scroll padding-box border-box transparent;
}

ul.menu li a:hover{
	background-position: 0 -21px;
}

ul.menu li em{
	background-position: 0 -42px !important;
}

/*  header */
div#header ul.menu{
	position: absolute;
	left: 593px;
	top: 48px;
	width: 197px;
}

/*  footer */
div#footer ul.menu{
	position: absolute;
	left: 12px;
	top: 12px;
	width: 267px;
}


/*------------------------------------------------------------------------------

	3. content

------------------------------------------------------------------------------*/

div#content{
	position: relative;
}

div#content h1{
	height: 90px;
	margin: 0;
}
body.greeting div#content h1{
	background : url(greeting1.jpg) left top / auto auto no-repeat scroll padding-box border-box #ffffff;
}
body.information div#content h1{
	background : url(information1.jpg) left top / auto auto no-repeat scroll padding-box border-box #ffffff;
}
body.outline div#content h1{
	background : url(outline1.jpg) left top / auto auto no-repeat scroll padding-box border-box #ffffff;
}
body.seminar div#content h1{
	background : url(seminar1.jpg) left top / auto auto no-repeat scroll padding-box border-box #ffffff;
}
body.rules div#content h1{
	background : url(rules1.jpg) left top / auto auto no-repeat scroll padding-box border-box #ffffff;
}
body.admission div#content h1{
	background : url(admission1.jpg) left top / auto auto no-repeat scroll padding-box border-box #ffffff;
}
body.related_links div#content h1{
	background : url(related_links.jpg) left top / auto auto no-repeat scroll padding-box border-box #ffffff;
}


/*	3-1. topic_path
------------------------------------------------------------------------------*/

p#topic_path{
	padding: 12px 34px 24px;
	color: #333;
	font-size: 10px;
}


/*	3-2. main
------------------------------------------------------------------------------*/

div#main{
	float: left;
	width: 480px;
	margin: 0 0 0 48px;
}

* html div#main{
	display: inline;
}


/* section */

div#main div.section{
	width: 480px;
	margin: 0 0 48px;
}

div#main div.section div.section{
	margin: 0;
}


/*	3-3. sidebar
------------------------------------------------------------------------------*/

div#sidebar{
	float: right;
	width: 180px;
	margin: 0 48px 24px 0;
}
* html div#sidebar{
	display: inline;
}

div#sidebar p.title{
	height: 54px;
}
body.greeting div#sidebar p.title{
	background : url(greeting1.jpg) left top / auto auto no-repeat scroll padding-box border-box transparent;
}
body.admission div#sidebar p.title{
	background : url(admission1.jpg) left top / auto auto no-repeat scroll padding-box border-box transparent;
}
body.information div#sidebar p.title{
	background : url(information1.jpg) left top / auto auto no-repeat scroll padding-box border-box transparent;
}
body.outline div#sidebar p.title{
	background : url(outline1.jpg) left top / auto auto no-repeat scroll padding-box border-box transparent;
}
body.related_links div#sidebar p.title{
	background : url(related_links1.jpg) left top / auto auto no-repeat scroll padding-box border-box transparent;
}
body.rules div#sidebar p.title{
	background : url(rules1.jpg) left top / auto auto no-repeat scroll padding-box border-box transparent;
}
body.seminar div#sidebar p.title{
	background : url(seminar1.jpg) left top / auto auto no-repeat scroll padding-box border-box transparent;
}

div#sidebar ul{
	margin: 0 0 24px;
	list-style: none;
	font-size: 12px;
}

div#sidebar ul li{
	margin: 1px 0 0;
	padding: 0;
	background : url(bullet_o.gif) 6px 10px / auto auto no-repeat scroll padding-box border-box #e8fffc;
}

* html div#sidebar ul li{
	border: #E5F4F2 1px solid;
	background-position: 7px 11px;
}

div#sidebar ul li a,
div#sidebar ul li em{
	display: block;
	padding: 8px 12px 8px 24px;
	background : url(bullet.gif) 6px 10px / auto auto no-repeat scroll padding-box border-box #e5f4f2;
	color: #0BA5A1;
}

div#sidebar ul li em{
	background-color: #E5F4F2;
	font-weight: bold;
}

div#sidebar ul li a:hover{
	background: none;
	color: #FF9966;
}

div#sidebar dl{
	padding: 10px;
	background-color: #E5F4F2;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #68B19B;
	font-size: 10px;
}

div#sidebar dl dt{
	margin: 0 0 5px;
	font-size: 11px;
}

div#sidebar dl dd{
	margin: 0;
}


/*	3-4. top
------------------------------------------------------------------------------*/

p#top{
	clear: both;
	width: 140px;
	margin-left: 660px;
}

p#top a{
	display: block;
	height: 27px;
	background : url(top.jpg) left top / auto auto no-repeat scroll padding-box border-box transparent;
	background-repeat:no-repeat;
	background-position: 0 0;
}

p#top a:hover{
	background-position: 0 -27px;
}


/*------------------------------------------------------------------------------

	4. footer

------------------------------------------------------------------------------*/

div#footer{
	position: relative;
	clear: both;
}


/* 4-1. contact information
------------------------------------------------------------------------------*/

div#footer{
	border-top: 1px solid #86CBC0; 
}

div#footer div.wrapper{
	position: relative;
	height: 100px;
}

/* copyright */

div#footer p#copyright{
	position: absolute;
	right: 0;
	top: 11px;
	font-size: 10px;
	text-align: right;
}


/*------------------------------------------------------------------------------

	5. textformat

------------------------------------------------------------------------------*/


/*	5-1. heading
------------------------------------------------------------------------------*/

div#main h2{
	clear: both;
	padding: 0 0 8px;
	margin: 0 0 24px;
	background : url(h2_bg.gif) right bottom / auto auto no-repeat scroll padding-box border-box transparent;
	color: #0BA5A0;
	font-size: 18px;
	font-weight: bold;
}

div#main h3{
	clear: both;
	margin: 24px 0;
	padding: 0 0 5px;
	background : url(h3_bg.gif) right bottom / auto auto no-repeat scroll padding-box border-box transparent;
	font-size: 14px;
	font-weight: bold;
	color: #000;
}

div#main h4{
	margin: 12px 0 6px;
	font-size: 12px;
}


/*	5-2. list
------------------------------------------------------------------------------*/

div#main dl{
	margin: 1.54em 0;
}

div#main ol,
div#main ul{
	margin: 1.54em 2em;
}


/*	5-3. table
------------------------------------------------------------------------------*/

div#main table{
	width: 480px;
}

div#main th,
div#main td{
	border: 1px solid #FFF;
}

div#main th{
	text-align: center;
	background-color: #E4BCAC;
}

div#main td{
	background-color: #F1DDD6;
}


/*	5-4. figure
------------------------------------------------------------------------------*/

div.figure{
	margin: 1.54em 0;
}

div.figure p.image{
	text-align: center;
}

div.figure p.caption{
	margin: 0 0 24px;
	text-align: center;
	font-weight: bold;
	color: #0BA5A1;
}

/*	5-5. anchor
------------------------------------------------------------------------------*/

a{
	color: #0BA5A1;
}

a:hover{
	color: #FF9966;
}

a.outside,
a.pdf,
a.word{
	padding: 0 0 0 15px; 
}

a.outside{
	background : url(blank.jpg) left center / auto auto no-repeat scroll padding-box border-box transparent;
}

a.pdf{
	background : url(pdf.png) left center / auto auto no-repeat scroll padding-box border-box transparent;
}

a.word{
	background : url(word.png) left center / auto auto no-repeat scroll padding-box border-box transparent;
}


/*	5-6. others
------------------------------------------------------------------------------*/

p.note{
	color: #F93;
}