@charset "Shift_JIS";

@import "common.css";
@import "menu.css";

/* 全体 */
/*--------------------------------------------------------------------------------------------------*/
html { margin:0 auto; }

BODY {
	width			: auto;
	height			: auto;
	margin			: 0 auto;
	padding			: 0;
	font-family		:Arial, Helvetica, sans-serif;
/*	font-family		:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/
/*	font-family		: 'ＭＳ Ｐゴシック', "Hiragino Kaku Gothic Pro",'Lucida Grande',Osaka,verdana,arial,sans-serif;*/
	color			: #333333;
	font-size		: 100%;
	line-height		: 130%;
	text-align		: center;
	background-color	: #FFF;
	background			: url(../images/common/bg_body.gif);
	background-position	: center;
}

body *,
body p{ line-height:1.5; }


/* リンク色 */
/*--------------------------------------------------*/
a:link		{ color: #6F82BD; }
a:visited	{ color: #0F2E91; }
a:hover		{ color: #0F2E91; }
a:active	{ color: #0F2E91; }

/* テーブル内 */
/*--------------------------------------------------*/
table { font-size:100%; }


/* 画像 */
/*--------------------------------------------------*/
img { border: 0; }


/* 基礎 */
/*--------------------------------------------------*/
#all{
	width			: 830px;
	text-align		: center;
	margin			: auto;
	background-color: #fff;
	border-top		: solid 9px #6A6B6F;
}

#base{
	width			: 800px;
	margin			: auto;
	text-align		: left;
}

#contents{
	width			: 750px;
	margin			: 0 0 0 25px;
	text-align		: left;
}

/* ヘッダー */
/*--------------------------------------------------*/
#header{
	margin			: 9px 0 10px 0;
}

h1{
	padding			: 0;
	margin			: 9px 0 14px 0;
	width			: 800px;
	text-indent		: -5000px;
	font-size		: 100%;
	font-weight		: normal;
	height			: 63px;
}

h1.box2{
	background		: url(../images/common/header.gif) 0 0 no-repeat;
}


/* パンくず */
/*--------------------------------------------------*/
#pan{
	background-color: #F1F1F1;
	width			: 800px;
	height			: 25px;
	font-size		: 80%;
}


/* フッター */
/*--------------------------------------------------*/
#footer{
	width			: 800px;
	height			: 85px;
	background-color: #7F7F7F;
	color			: #FFF;
	font-size		: 13px;
	margin			: 20px 0 0 0;
}

#footer .footer-l{
	float			: left;
	width			: 300px;
	margin			: 6px 0 0 9px;
	line-height		: 110%;
}

#footer .footer-r{
	float			: right;
	width			: 326px;
	margin			: 9px 9px 0 0;
}

/* タイトル */
/*--------------------------------------------------*/

h2{
	padding			: 0;
	margin			: 10px 0 15px 10px;
	width			: 780px;
	border-bottom	: solid 1px #6A6B6F;
	text-indent		: -5000px;
	font-size		: 100%;
	font-weight		: normal;
	height			: 36px;
}
h4{
	padding			: 0;
	margin			: 10px 0 15px 0;
	width			: 780px;
	border-bottom	: solid 1px #6A6B6F;
	text-indent		: 0px;
	font-size		: 120%;
	font-weight		: normal;
	height			: 24px;
}
h2.works 	{background	: url(../images/works/title.gif) 2px 0 no-repeat;}
h2.actual 	{background	: url(../images/actual/title.gif) 2px 0 no-repeat;}
h2.panel 	{background	: url(../images/panel/title.gif) 2px 0 no-repeat;}
h2.about 	{background	: url(../images/about/title.gif) 2px 0 no-repeat;}
h2.recluit 	{background	: url(../images/recluit/title.gif) 2px 0 no-repeat;}
h2.reference{background	: url(../images/reference/title.gif) 2px 0 no-repeat;}
h2.link 	{background	: url(../images/link/title.gif) 2px 0 no-repeat;}


h3{
	padding			: 0;
	margin			: 10px 0 5px 0;
	border-bottom	: solid 1px #6A6B6F;
	text-indent		: -5000px;
	font-size		: 100%;
	font-weight		: normal;
	height			: 25px;
}

h3.topics{
	background		: url(../images/index/tit_topics.gif) 2px 0 no-repeat;
}