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

 File name:      common.css
 Style Info      全体レイアウト・共通設定css
	LastUpdate      2008/3/28

--------------------------------------------------

/* format= 初期設定
############################################### */

/* html format */

* {
	margin: 0;
	padding: 0;
}
html {
	overflow-y:scroll;
	height:100%;
}
body {
	height:100%;
	background-color: #fff;
	color:#333;
	line-height: 1.5;
	/*	 background:url(../img/bg.gif) repeat top left; */
	_text-align:center;
}
/* page format */

h1, h2, h3, h4, h5, h6 {
	line-height:1.4;
	font-weight:normal;
}
p, li, dt, dl {
	line-height:1.4;
}
p {
	margin:0;
}
ul li {
	list-style-type:none;
}
dl, dt, dd {
	margin:0;
	padding:0;
}
a img, img {
	border:0;
	vertical-align:bottom;
}
/* link format */

a:link {
	color:#0066CC;
	text-decoration:underline;
}
a:visited {
	color:#1199cc;
	text-decoration: underline;
}
a:hover {
	color:#f30;
	text-decoration:underline;
}
a:active {
	color:#666;
}
table {
	width:100%;
	border-spacing:2px;
	margin:1.5em 0;
}
table th, table td {
	padding:5px 0 0 5px;
}
/* tag=一般タグ
############################################### */

ul {
	margin:0;
	padding:0;
}
ol {
	margin:0 65px;
	padding:0;
}
h1 {
	font-size:0.7em;
	font-weight:normal;
	text-align:left;
	margin:0 5px 3px;
}
/* =====画像中央===== */

.imgCenter {
	margin:0 auto;
	text-align:center;
	clear:both;
}
/* layout=レイアウト 
############################################### */

#page {
	width:800px;
	height:100%;
	line-height:120%;
	margin:0 auto;
	position:relative;
}
/*=============================================
id header
=============================================*/

div.header {
	width:800px;
	margin:0;
	padding:10px 0 10px;
	background-color:#fff;
	text-align:left;
}
h1 {
	margin:0;
	padding:0 0 0;
	position: absolute;
	right:0px;
	z-index:100;
}
/*=============================================
id Gloval navi  グローバルナビ
=============================================*/

ul.gnav {
	width:510px;
	height:37px;
	border-top:1px solid #999;
	background:url(../img/com_gnav_bline.gif) 0 bottom no-repeat;
	text-align:left;
	margin:10px 10px 0;
	padding:0;
}
ul.gnav li {
	list-style-type:none;
	float:left;
	display:inline;
	text-align:left;
	margin:5px 0 0;
	padding:0 0 10px;
	*padding:5px 0 0px;
}
li img {
	border:0;
	margin:0;
	padding:0;
}
/* ロールオーバー
---------------------------------------------*/

ul.gnav li.topics {
	width:62px;
	margin:0 38px 5px 15px;
}
ul.gnav li.diary {
	width:55px;
	margin:0 38px 0 0;

}
ul.gnav li.gallery {
	width:81px;
	margin:0 38px 0 0;

}
ul.gnav li.contact {
	width:85px;
	margin:0 38px 0 0;

}
ul.gnav li.link {
	margin:0;
}
ul.gnav li a {
	width:auto;
	display:block;
	height:0px;
	margin:0;
	padding:0;
}

/*=============================================
id image メインイメージ
=============================================*/


/*=============================================
id pagebody 
=============================================*/


/*id category 内容
=============================================*/

table.gallery,
table.links{
	width:800px;
	border:none;
	border-collapse:collapse;
}

table td.category{
	height:100%;
	text-align:left;
	background:url(../img/bg.jpg) left 0 repeat-y;
	margin:0;
	padding:0;
}
table td.category div{
	width:100%;
	height:100%;
	*background:url(../img/bg_gallery.jpg) right bottom no-repeat;
	margin:0;
	padding:0;
	display:block;
}
table td.category div.bgLink{
	width:100%;
	height:100%;
	*background:url(../img/bg_link.jpg) right bottom no-repeat;
	margin:0;
	padding:0;
	display:block;
}
table td.category h3{
	margin:0 40px 10px;
	clear:both;
}

table.links p{
	margin:0 40px 1em;
	font-size:0.8em;
}



/* =====トップページのサイド設定===== */
table td.side {
	width:200px;
	text-align:left;
	background:url(../img/side_bg.jpg) right bottom repeat-x #F4F4F4;
	vertical-align:top;
	font-size:.9em;
}
table td.side h3 {
	width:130px;
	margin:80px 0 0 10px;
	border-bottom:1px solid #7A7A7A;
}


/* =====サイド見出し===== */

div.sidebar div.sidebg h3 {
	width:130px;
	margin:80px 0 0 10px;
	border-bottom:1px solid #7A7A7A;
}

/*id profile 内容
=============================================*/

table.top{
	width:800px;
	border:none;
	border-collapse:collapse;
}
table.top td.profile{
	width:200px;
	background:url(../img/top_left03.jpg) left top no-repeat;
	padding:400px 0 0 0;
	font-size:0.9em;
}
table.top td.content{
	width:400px;
	font-size:0.9em;
	vertical-align:top;
	margin:0;
	padding:0;
}
table.top td.side {
	width:200px;
	text-align:left;
	vertical-align:top;
	background:url(../img/side_bg.jpg) right bottom repeat-x #F4F4F4;
	padding:0;
}
table.top td.side h3 {
	width:130px;
	margin:80px 0 0 10px;
	border-bottom:1px solid #7A7A7A;
}

table.top h2{
	margin:0 10px 10px;
	text-align:left;
}
table.top p{
	margin:0 10px;
	text-align:left;
}
table.top p.tyuui{
	text-align:right;
	padding:30px 0 5px;
	font-size:0.7em;
}
table.top p.english{
	border-top:1px solid #999;
	padding:5px 5px;
	font-size:0.9em;
}
table.top p.copyright{
	text-align:right;
	font-size:0.9em;
	margin-top:50px;
}




/* =====サムネイルの設定===== */

div.content h3.gallery {
	margin:0 30px;
}
div.category h3.galleryBox {
	margin:0 30px;
}

ul.sumList{
	margin:0 40px 0px;
	padding:0 0 20px 0;
	font-size:0.8em;
	float:left;
	display:inline;
}
ul.sumList li{
	float:left;
	margin:0 5px 10px 0;
	text-align:center;
}


/* =====サムネイルの設定===== */
ul.banner{
	margin:0 40px 30px;
}
ul.banner li{
	margin:10px 0px;
}

/* =====imgとtextを並べる設定===== */

div.content p.iLText {
	width:340px;
	font-size:.9em;
	margin:3px 10px 15px 40px;
	text-align:left;
	float:left;
	display:inline;
}
div.content p.iRText {
	width:335px;
	font-size:.9em;
	margin:3px 45px 15px 20px;
	text-align:left;
	float:left;
	display:inline;
}
div.content p.imgLeft {
	width:160px;
	float:left;
	margin:0 0 15px 33px;
	padding:0;
	display:inline;
	text-align:center;
}
div.content p.imgRight {
	width:160px;
	float:right;
	margin:0 40px 15px 0;
	padding:0;
	display:inline;
	text-align:center;
}
p.imgRight span, p.imgLeft span {
	width:165px;
	display:block;
	text-align:center;
	font-size:0.85em;
}
/* =====問い合わせフォーム===== */

table.mailform {
	width:510px;
	margin:0 auto 20px;
	text-align:left;
	font-size:0.8em;
}
table.mailform td p {
	font-family: "Myriad Pro", "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 9px;
	color: #0B479F;
	display: block;
	margin: 0px;
}
table.mailform td span {
	font-family: "Myriad Pro", "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 10px;
	color: #FF0000;
}


/*id side サイドメニュー
=============================================*/



/* =====サイド見出し===== */

div.side div.sidebg h3 {
	width:130px;
	margin:30px 0 0 10px;
	border-bottom:1px solid #7A7A7A;
}
/* =====サブメニュー===== */

ul.new {
	margin:5px 10px 0;
	padding:3px 0 5px 0;
	list-style-type:none;
	}
ul.new li {
	font-size:0.9em;
	margin:0 5px 0 5px;
	padding:1px 0 0 0;
}
ul.new li a:link {
	padding:3px 0 5px 15px;
	background:url(../img/icon02.gif) 0 0.3em no-repeat;
}
ul.new li a:visited {
	padding:3px 0 5px 15px;
	background:url(../img/icon02.gif) 0 0.3em no-repeat;
}
ul.new li a:hover {
	padding:3px 0 5px 15px;
	background:url(../img/icon02_on.gif) 0 0.3em no-repeat;
}

/*id footer 内容
=============================================*/


div.foot address {
	text-align:center;
	font-style:normal;
	margin:5px auto 10px;
}