@charset "UTF-8";

/* ************************************** _

タイトル：base.css

概要：全ページ共通となるベースCSSファイル

制作日：2007.3.13
変更日：2007.3.14

_ ************************************** */


/* kill 'Browser standard style'
---------------------------------------------------------------------------- */

body,
h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,dt,dd,li,table,th,td,
form,select,option,address,pre,
strong,em{
	margin:0;
	padding:0;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}



/* Re style
---------------------------------------------------------------------------- */

a { color: #331a00; }

strong { font-weight: bold; }
em     { color: #F00; font-style: normal; }

img { border: 0; background-color: transparent; }

hr { display:none; }

p {
	margin-top: 0;
	margin-bottom: 20px;
}

li { margin-left: 20px; }

ul ul, ol ul, ul ol, ol ol,dl ul, dl ol, dl dl, td td { font-size: 100%; }

table { border-collapse: collapse; cell-spacing: 0; cell-padding: 0;}

h1 {}

h2 {}

h3 {}

.imgover{}
	

/* body ID
---------------------------------------------------------------------------- */

body{
	background: #FFFFFE url(../images/bg_top.jpg) no-repeat center top;
	font-size:78%;
	/*\*/ /*/  font-size:72%;  /* MacIE */
	line-height:140%;
	margin: 0;
	padding: 0;
	text-align: center;
}


/* layout ID
---------------------------------------------------------------------------- */

#layout {
	background: #FFFFFF url(../images/bg_main.jpg) repeat-y left top;
	margin: 0;
	padding: 0;
	position: relative;
}


/* waku ID
---------------------------------------------------------------------------- */

#waku {
	background: #FFFEF3;
	width: 100%;
	border-collapse: collapse;
	cell-spacing: 0;
	cell-padding: 0;
}

#waku td.header table, #waku td.footer table, #waku td.pageBody table#pageBodyLayout  {
	margin: 0 auto;
	text-align: left;
}

#waku td.header {
	background: url(../../common/images/bg_header.jpg) repeat-x left top;
	color: #331A00;
	margin-top: 11px;
	margin-bottom: 20px;
	height: 96px;
	text-align: center;
}

#waku td.pageBody {
	color: #331A00;
	margin: 0;
	position: relative;
	text-align: center;
}

#waku td.footer {
	background: url(../../common/images/bg_footer.jpg) repeat-x left top;
	color: #331A00;
	margin-top: 15px;
	height: 96px;
	text-align: center;
}


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

#header {
	height: 96px;
	width: 786px;
}


#header div#left {
	margin-left: 5px;
	float: left;
}

#header div#home {
	margin-left: 25px;
	margin-top: 37px;
	float: left;
}

#header div#right {
	margin-right: 7px;
	text-align: right;
}

#header div#right table {
	margin: 0;
}

#header div#right table img {
	margin-bottom: 2px;
}

#header p {
	font-size: 90%;
	margin: 0;
	vertical-align: middle;
}

#header p#logo a {
	background: url(../images/bg_header.jpg) repeat-x left top;
	display: block;
	height: 96px;
	overflow: hidden;
	text-decoration: none;
	text-indent: -8400px;
	width: 210px;
}

#header #right table td {
	text-align: right;
}

/* gNavi ID
---------------------------------------------------------------------------- */

#gNavi {
	color: #331A00;
	width: 184px;
	height: 100%;
	margin: 0; /* check */
	float: left;
}

#gNavi ul {
	text-align: left;
}

#gNavi li {
	display: inline;
	list-style: none;
	margin: 0;
}


/* pageBody ID
---------------------------------------------------------------------------- */

#waku td.pageBody table#pageBodyLayout {
	margin: 0 auto;
	background: url(../images/bg_main.jpg) repeat-y left top; /* check */
	height: 100%;
	width: 786px;
	color: #331A00;
}

#waku td.pageBody table#pageBodyLayout td#mainArea {
	padding: 0 3px; /* check */
}

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

#content {
	color: #331A00;
	width: 596px;
	margin: 0; 
	float: right;
}


#content p {
	margin: 0;
}

#content div#topContent {
	padding: 10px 10px 30px;
	float: left;
}

#content div.news {
	float: left;
	width: 282px;
}

#content div.info {
	float: right;
	width: 282px;
}

#content div.news p.infoList,
#content div.info p.infoList {
	font-size: 90%;
	margin: 11px 0 0 0;
	text-align: right;
}

#content p.content {
	background-color: #F7F7F7;
	margin: 1px 0 0 0;
	padding: 10px;
}

#content ul.linkList {
	border-top: 1px solid #DDDDDD;
	margin-bottom: 20px;
}

#content ul.linkList li {
	border-bottom: 1px solid #DDDDDD;
	list-style: none;
	margin: 0 3px 0 3px;
	padding: 0;
}

#content ul.linkList li a {
	background: url(../images/icon_link-normal.gif) no-repeat 2% 50%;
	display: block;
	padding: 10px 0 10px 25px;
}

#content ul.linkList li a:hover {
	background: #FBF3F6 url(../images/icon_link-normal.gif) no-repeat 2% 50%;
	display: block;
}

#content ul.normalList {
	list-style: disc outside;
	margin-left: 10px;
	margin-bottom: 20px;
}

#content ol.normalList {
	list-style: decimal outside;
	margin-left: 15px;
	margin-bottom: 20px;
}

#content ul.normalList li, #content ol.normalList li {
	margin-bottom: 5px;
}

#content .clearBox {
	clear: both;
	padding-top: 20px;
	_padding-top: 0;
}

img.hobbyImage {
	width: 200px;
}

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

#footer {
	margin: 0;
	height: 96px;
	width: 786px;
	padding: 0;
}

#footer p {
	color: #331A00;
	padding-left: 10px;
}

#footer address.copy {
	color: #331A00;
	margin-left: 3px;
	text-align: left;
	float: left;
}

#footer address.add {
	color: #331A00;
	margin-right: 14px;
	text-align: right;
	float: right;
}