@charset "utf-8";
/* ::::::::::::: ファイル情報 ::::::::::::: 


汎用レイアウトCSS


ファイル：/common/layout.css
作成日：2010/02/09
更新日：2010/03/09
作者: Chiaki Susa
更新者： Chiaki Susa
:::::::::::::::::::::::::::::::::::::::: */


/* ::::::::::::::::::::::::::::::::::::::::

	Layout

:::::::::::::::::::::::::::::::::::::::: */

body {
	text-align: center;
}
div#container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
.container {
	width: 960px;
	margin: 0 auto;
}
.section {
	margin-bottom: 30px;
}
.center {
	text-align: center;
}
.t_right {
	text-align: right;
}

.t_left {
	text-align: left;
}

/*
	header
----------------------------------------- */

/* logo_area */
div#header {
	position: relative;
	padding: 23px 0 20px;
	margin-top: 20px;
	border-bottom: #e7e7e7 1px solid;
	background: url(../img/head-border-double.gif) repeat-x top;
}
div#header h1 {
	position: absolute;
	left: 150px;
	top: 30%;
	font-size: 85%;
	color: #999;
	letter-spacing: 0.1em;
}
div#header div#logo_area {
	position: relative;
	width: 550px;
}
div#header div#logo_area p#online_logo {
	margin-right: 20px;
}

/* header_navi */
div#header ul#header_navi {
	position: absolute;
	top: 23px;
	right: 0;
}
div#header ul#header_navi li {
	float: left;
	margin-right: 1.3em;
	font-size: 85%;
	color: #999;
	list-style: inside url(../img/arrow-navi.gif);
}
div#header ul#header_navi li.last {
	margin: 0;
}

/* ph_head */
img#ph_head {
	margin: 1px 0;
}

/* global_navi */
ul#global_navi {
	padding-top: 1px;
	border-top: #e7e7e7 1px solid;
}
ul#global_navi li {
	float: left;
}

/*
	content
----------------------------------------- */

div#content {
	margin-top: 30px;
}

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

div#main {
	float: right;
	width: 690px;
}
div#main h2 {
	margin-bottom: 50px;
}

/* topicpath */
p#topicpath {
	font-size: 93%;
	letter-spacing: 0.1em;
	margin-bottom: 25px;
	line-height: inherit;
}	
p#topicpath img {
	vertical-align: top;
}	

/* pagetop */
.pagetop {
	margin-bottom: 30px;
	line-height: 1;
	text-align: right;
}

/*
	sidebar
----------------------------------------- */
div#sidebar {
	float: left;
	width: 240px;
}

/* conversion */
div#sidebar div#conversion {
	padding: 15px 9px;
	margin-bottom: 20px;
	border: #e7e7e7 1px solid;
	background-color: #f7f7f7;
}
div#sidebar div#conversion h2 {
	margin-bottom: 10px;
}

div#sidebar div#conversion p img {
	margin-top: 5px;
}

/*
	footer
----------------------------------------- */

div#footer {
	background: url(/common/img/bg-foot-sitemap.gif) repeat;
	text-align: left;
}
div#footer .container {
	width: 960px;
	margin: 0 auto;
}

/* footer_navi */
div#footer div#footer_navi {
	background-color: #fff;
	padding: 1em 0;
	border-top: #ccc 1px solid;
	background-color: #f9f9f9;
}
div#footer div#footer_navi ul {
	line-height: 1.6;
	word-break: keep-all;
	text-align: right;
}
div#footer div#footer_navi ul li {
	display: inline;
	margin-right: 1.3em;
	font-size: 85%;
	color: #999;
}
div#footer div#footer_navi ul li.last {
	margin: 0;
}

/* sitemap */
div#footer div#sitemap {
	padding: 20px 0;
	font-size: 85%;
}
div#footer div#sitemap div {
	margin-right: 30px;
}
div#footer div#sitemap #column-01 {
	width: 180px;
}
div#footer div#sitemap #column-02 {
	width: 360px;
}
div#footer div#sitemap #column-03 {
	width: 150px;
}
div#footer div#sitemap #column-04 {
	width: 150px;
}
div#footer div#sitemap div ul li {
	line-height: 1.7;
	color: #777;
}
div#footer div#sitemap div ul li span.title {
	letter-spacing: 0.1em;
	font-weight: bold;
	padding-bottom: 0.5em;
	display: block;
	margin-top: 1em;
}

/* copyright */
div#footer div#copyright {
	background-color: #959595;
	padding: 2em 0;
	text-align: right;
	color: #fff;
	font-size: 85%;
	letter-spacing: 0.1em;
}