@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;
}

body {
   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.6; font-weight:normal;}
p,li,dt,dl { line-height:1.6; }
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=一般タグ
############################################### */



/* layout=レイアウト 
############################################### */



/*=============================================
id header
=============================================*/

/*　サイトマップ等のナビ
---------------------------------------------*/


/*=============================================
id Gloval navi  グローバルナビ
=============================================*/

/* ロールオーバー
---------------------------------------------*/

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

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


#page{
	width:800px;
	*text-align:center;
	margin:0 auto;
	position:relative;
	background:url(../img/bg_foot.gif) 0 0 repeat-y;
}

ul{
	margin:0;
	padding:0;
}
ol{
	margin:0 65px;
	padding:0;
}

h1{
	font-size:0.8em;
	font-weight:normal;
	text-align:left;
	margin:0 10px;
}

div.header{
	width:800px;
	position:relative;
	margin:0;
	padding:0;
}

h2{
	margin:0;
	padding:0 0 10px;
	position: absolute;
	left:10px;
	top:0;
}



div.headsuv{
	width:13em;
	float:right;
	margin:15px 0 10px 0;
}

div.headsuv p{
	float:left;
	margin:20px 0 0 0;
	padding:0;
}

div.header ul{
	list-style-type:none;
	font-size:0.8em;
	float:left;
	margin:15px 0 5px 20px;
	padding:0;
}
div.header ul li{
	background:url(../img/icon01.gif) 0 0.5em no-repeat;
	padding:0 0 0 15px;
	margin:0;
	text-align:left;
}


ul.gnav{
	margin:0;
	padding:0;
	clear:both;
	position: relative;
	left:0;
	top:0;
}

ul.gnav li{
	list-style-type:none;
	width:133px;
	height:44px;
	float:left;
}
li img{
	border:0;
}

ul.gnav li.home{
	background:url(../img/gnav01_on.jpg);
}
ul.gnav li.com{
	background:url(../img/gnav02_on.jpg);
}
ul.gnav li.juku{
	background:url(../img/gnav03_on.jpg);
}
ul.gnav li.kensyu{
	background:url(../img/gnav04_on.jpg);
}
ul.gnav li.contact{
	width:135px;
	background:url(../img/gnav05_on.jpg);
}
ul.gnav li.qa{
	background:url(../img/gnav06_on.jpg);
}

ul.gnav li a{
	display:block;
	width:133px;
	height:44px;
}
ul.gnav li.contact a{
	width:135px;
}

ul.gnav li a:hover {
	background-color:transparent;
}
ul.gnav li a:hover img{
	visibility:hidden;
}
/*main*/
div.mainimage{
	height:250px;
	clear:both;
	margin-left:1px;
	padding:0;
	border-bottom:5px solid #ff6600;
}

/*contents*/

div.contentBody{
	width:800px;
	background:url(../img/bg_contents.gif) 0 0 repeat-y;
	margin:0;
	padding:0;
	position:relative;
}

/*privacy*/
h4{
	font-size:0.9em;
	margin:0 35px 5px;
	font-weight:bold;
	border-bottom:1px solid #999;
	text-align:left;
}
ul.privacyList{
	font-size:0.8em;
	margin:0 35px 20px 50px;
	text-align:left;
}
ul.privacyList li{
	margin:0 0 6px;
	list-style-type: square;
}


/*side*/
div.side,
div.content{
	margin:0;
	padding:0;
}

div.side{
	width:200px;
	margin:0 auto 0 0;
	padding:10px 0 10px;
	text-align:left;
	float:left;
}

ul.suvMain{
	width:180px;
	margin:0 auto;
	padding:10px 0;
	list-style-type:none;

}
ul.suvMain li{
	margin:5px 0;
	padding:0;
}

div.pickUp{
	background:#FFD7B2;
	margin:0 10px 10px;
	padding:5px 0;
}
div.pickUp h3{
	font-size:0.9em;
	text-align:left;
	margin:5px 10px;
	background:url(../img/icon04.gif) 0 0.4em no-repeat;
	padding:0 0 0 15px;
}
ul.sensyu,
ul.kigyo,
ul.mail,
ul.koushi,
ul.kyoshi,
ul.houkoku,
ul.kouenkai{
	background:#ffffff;
	margin:5px 10px;
	padding:3px 0 5px 0;
	list-style-type:none;
}
ul.sensyu li,
ul.kigyo li,
ul.mail li,
ul.koushi li,
ul.kyoshi li,
ul.houkoku li,
ul.kouenkai li{
	font-size:0.8em;
	margin:0 5px 0 5px;	
	border-bottom:1px dashed #ccc;
	padding:1px 0 0 0;
	text-align:left;
}
ul.sensyu li a:link,
ul.kigyo li a:link,
ul.mail li a:link,
ul.koushi li a:link,
ul.kyoshi li a:link,
ul.houkoku li a:link,
ul.kouenkai li a:link,
ul.koushi li a:visited,
ul.kyoshi li a:visited,
ul.houkoku li a:visited,
ul.kouenkai li a:visited
{
	padding:3px 0 5px 15px;
	background:url(../img/icon02.gif) 0 0.3em no-repeat;
}
ul.sensyu li a:hover,
ul.kigyo li a:hover,
ul.mail li a:hover,
ul.koushi li a:hover,
ul.kyoshi li a:hover,
ul.houkoku li a:hover,
ul.kouenkai li a:hover{
	padding:3px 0 5px 15px;
	background:url(../img/icon02_on.gif) 0 0.3em no-repeat;
}


/*書籍*/

ul.book{
	width:530px;
	margin:10px auto;
	text-align:center;
	font-size:0.7em;
}
ul.book li.del{
	clear:left;
}

ul.book li{
	width:240px;
	margin:10px 10px;
	padding:20px 0;
	float:left;
	line-height:150%;
	text-align:center;
}
ul.book li img{
	margin:0 0 5px;
}


/*書籍*/


/*side*/

/*content*/

div.content{
	width:600px;
	float:right;
	position: relative;
}

div.content h3{
	width:510px;
	height:33px;
	font-size:.9em;
	margin:30px auto 10px;
	padding:6px 0 0 20px;
	text-align:left;
	background:url(../img/h_bg.jpg) 0 0 no-repeat;
}

div.content div.inframe{
	width:528px;
	border:1px solid #ccc;
	margin:0 auto 10px;
	padding:0;
}
div.content div.moushikomi{
	padding:5px 10px;
	width:508px;
	border:1px solid #ccc;
	margin:0 auto 10px;
	text-align:left;
}


div.content p{
	font-size:.9em;
	margin:0 40px 20px 40px;
	text-align:left;
}
p.imgLeft{
	width:190px;
	float:left;
	margin:0;
	padding:0;
}
p.imgRight{
	width:200px;
	float:right;
	margin:0;
	padding:0;
}

div.content .imgCenter{
	text-align:center;
	margin:0 auto 10px;
	padding:0;
}


/*textRight*/

div.content p.textRight{
	text-align:right;
}


/*問い合わせフォーム*/
			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;
			}
/*問い合わせフォーム*/

/*会社案内テーブル*/

table.companyData{
	width:520px;
	margin:0 auto;
	border-collapse:collapse;
	font-size:0.8em;
	background:#fec;
}
table.companyData th{
	width:100px;
	border:1px solid #fa5;
	padding:5px 5px;
	text-align:left;
	vertical-align:middle;
	background:#fc9;
}
table.companyData td{
	border:1px solid #fa5;
	text-align:left;
	padding:5px 5px;
}

/*content*/

/*footer*/

p.footLink{
	width:796px;
	font-size:0.75em;
	line-height:180%;
	border-top:5px solid #FF7800;
	background:#fff;
	padding:10px 1px;
	margin:0 1px;
	text-align:center;
	*letter-spacing:1px;
	clear:both;
}

div.foot{
	width:798px;
	color:#ffffff;
	background:#FF7800;
	clear:both;
	margin:0 1px;
	padding:10px 0;
	font-size:0.8em;
}
div.foot p{
	text-align:center;
	margin:10px auto;
	font-size:1.2em;
	font-weight:bold;
}
div.foot address{
	text-align:center;
	font-style:normal;
	margin:5px auto 10px;
}


.line{
	border:none;
	border-bottom:1px dotted #999;
	display:block;
	padding:0 5px 10px;
}

div.content div.yasumi{
	width:526px;
	border:1px solid #ccc;
	padding:0;
	margin:25px auto 0;
	font-size:0.9em;
}
div.content div.yasumi p{
	margin:10px;
}
div.content div.yasumi h3{
	width:auto;
	height:auto;
	background:#f60;
	font-weight:bold;
	color:#FFF;
	padding:5px;
	margin:0;
	text-align:left;
}