@charset "utf-8";
/* CSS Document */

/* ======================================================================== *//*
* Common
*//* ======================================================================== */

* {
	margin:0;
	padding:0;
}

body {
	margin: 0 auto;
	padding: 0;
	color: #575757;
	font-size: 12px;
	font-family:
		Verdana,
		Arial,
		Meiryo,
		"メイリオ",
		"Hiragino Kaku Gothic Pro",
		"ヒラギノ角ゴ Pro W3",
		Osaka,
		"MS P Gothic",
		"ＭＳ Ｐゴシック",
		sans-serif;
	text-align: center;
	background: #fff;
	}
	
a:link,
a:visited,
a:focus,
a:active  { color: #221; text-decoration:none; }
a:hover { color:#F37F28; }

img {
	border:none;
}

/* ======================================================================== *//*
* Clear Fix
*//* ======================================================================== */

div.clearfix {
    zoom:1;/*for IE 5.5-7*/
}
div.clearfix:after {/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}


/* ======================================================================== *//*
* Layout
*//* ======================================================================== */

div#wrap{
	width: 780px;
	margin: 0 auto;
	text-align: left;
	background: #fff;
}


div#container {
	text-align: left;
	background: #fff;
}





/* ======================================================================== *//*
* Header
*//* ======================================================================== */

div#header {
	
}

div#header div.logo {
	float:left;
}

div#header div.vcard {
	float:right;
	text-align:right;
	margin:8px 0;
}

div#header div.vcard div.org{
	font-size:12px;
	font-weight:bold;
}

div#header div.vcard div.adr{
	font-size:12px;
}
div#header div.vcard div.street-address{
	display:inline;
}
div#header div.vcard div.fax, div#header div.vcard div.tel{
	display:inline;
	font-size:12px;
	margin-left:1em;
}



/* ======================================================================== *//*
* Top Gnavi
*//* ======================================================================== */

div#gnavi {
	margin-top: 1px;
}

div#gnavi ul {
	padding:0;
	background:url('../imgs/tpo_gnavi_bg.jpg' ) x-repeat;
}

div#gnavi ul li{
	display:inline;
	list-style:none;	
}


/* ======================================================================== *//*
* Top News
*//* ======================================================================== */

div#news {
	margin: 27px 0 30px 0;
}

div.topic {
	width:380px;
}

.left {
	float:left;
}

.right {
	float:right;
}

div#news div.topic div.head{
	margin: 0 0 10px 0;
}


div#news div.topic div.head {
	border-bottom: solid 3px #EFEFEF;
}

div#news div.topic div.head h2{
	border-left: solid 5px #F37F28;
	width: 120px;
	font-size:14px;
	line-height: 22px;
	padding: 4px 0 4px 5px;
}
div#news div.topic div.head div{
	width: 25%;
	line-height: 22px;
	/*background: url( ../imgs/list_style_1.jpg ) no-repeat;*/
	padding : 4px 0 4px 10px;
	text-align:right;
}

div#news div.topic ul{
	margin: 0 0 0 3px;
}

div#news div.topic ul li{
	list-style:none;
	background: url( ../imgs/list_style_1.jpg ) no-repeat;
	padding : 0 0 0 10px;
	margin: 4px 10px 4px 0 ;
}

div#news div.topic ul li span.date{
	margin: 0 15px 0 0;
}





/* ======================================================================== *//*
* Common Footer
*//* ======================================================================== */

div#footer {
	
}

div#footer ul{
	float:left;
	margin: 0 0 0 3px;
}

div#footer ul li{
	display:inline;
	list-style:none;
	background: url( ../imgs/list_style_1.jpg ) no-repeat;
	padding : 0 0 0 10px;
	margin: 0 10px 0 0 ;
}

div#footer address{
	float:right;
	font-style:normal;
}