@charset "UTF-8";

@import url(base.css);
@import url(textsettings.css);


/*--------------------------------------------------------------


textsetting.css
各ブラウザでのフォントサイズの違いをなくすcss

base.css
bodyの余白や、h1h2...の余白、clearfixなど、

【common.css】
上記cssのimportや、レイアウト（大枠）を記載したcss




--------------------------------------------------------------*/


/*  フォントサイズ早見表
	以下のようにサイズを指定することで各ブラウザでのフォントサイズを揃えることが出来ます。
	左記のパーセントで指定してください。

	77% = 10px	|	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px 
	92% = 12px	|	136% = 18px	|	182% = 24px 
	100% = 13px	|	144% = 19px	|	189% = 25px 
	107% = 14px	|	152% = 20px	|	197% = 26px 
	114% = 15px	|	159% = 21px	| 	

*/

/* ------------------------------------------------------------ */
/* リンク色 */
/* ------------------------------------------------------------ */

a:link{
	color:#000000;
}
a:visited{
	color:#000000;
}
a:hover{
	color:#666666;
}
a:active{
	color:#666666;
}




/* ------------------------------------------------------------ */
/* 基本、レイアウト指定 */
/* ------------------------------------------------------------ */

body{
}

#container{
	color:#000;
	width:900px;
	margin:10px auto 0 auto;
	position:relative;
}


/* 右レイアウト、左レイアウト */

#main-area{
	width:640px;
	float:left;
}

#submenu-area{
	width:240px;
	float:right;
}

/* コンテンツの枠 */
.section{
	width:640px;
	overflow:hidden;
}

h1,h2,h3,h4{
	padding:0;
	margin:0;
	clear:both;
	}

/* ------------------------------------------------------------ */
/* ヘッダー */
/* ------------------------------------------------------------ */
#header-area{
	margin:0 auto;
	width:900px;
	position:relative;
	margin:0px 0 0 0;
	margin:0 auto;
}

#identity{
	height:40px;
	width:150px;
	margin:10px 0 20px 0;
}

.intro{
	position:absolute;
	width:450px;
	top:0px;
	left:200px;
	margin:10px 0 0 0;
	font-size:77%;
	_top:8px;
	color:#666;
}

*+html .intro{
	top:8px;
}
#header-area .header-utility{
	position:absolute;
	width:200px;
	top:0px;
	right:0px;
	font-size:92%;
	_top:10px;
}

*+html #header-area .header-utility{
	top:10px;
}
#header-area .header-utility li{
	float:left;
	margin:0 0 0 20px;
	background: url(../img/common/pt_img.gif) left 5px no-repeat;
	padding:0 0 0 15px;
}

.globalmenu{
	background:url(../img/common/bg_menu.jpg) center bottom repeat-x;
	height:58px;
}

.globalmenu ul{
	margin:0 auto;
	width:900px;
	padding:0 0 3px 0;
	}

.globalmenu li{
	float:left;
	width:150px;
	text-align:left;
}

.sc{
	width:900px;
	margin:0 auto;
	color:#FFF;
	padding:0;
	font-size:77%;
	}
	
.sc a{
	width:900px;
	margin:0 auto;
	color:#FFF;
	padding:0;
	}
	
.sc a:visited{
	width:900px;
	margin:0 auto;
	color:#FFF;
	padding:0;
}

.sc a:hover{
	width:900px;
	margin:0 auto;
	color:#F8E7D1;
	padding:0;
	}

.sc a:active{
	width:900px;
	margin:0 auto;
	color:#FFF;
	padding:0;
}


/* ------------------------------------------------------------ */
/* コンテンツ大枠 */
/* ------------------------------------------------------------ */

#contents-area{
	margin:15px 0 0 0;

}

#contents-area a:hover img{
	filter: alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.6;
	}

#contents-area .sitepath{
	font-size:77%;
	padding:5px;
	margin:0;
}

#contents-area .sitepath a:link,
#contents-area .sitepath a:visited{
	color:#333;
}
#contents-area .sitepath a:hover,
#contents-area .sitepath a:active{
	color:#999;
}



/* ------------------------------------------------------------ */
/* サイドメニュー */
/* ------------------------------------------------------------ */

#submenu-area{
	margin:0;
	padding:0;
}

.top {
	border:0;
	display:block;
	}
	
.bottom{
	border:0;
	display:block;
	}

.submenu{
	background: url(../img/common/bg_refrain.jpg) center bottom repeat-y;
	width:240px;
	margin:0 auto;
	}

#submenu-area .sublog{
	width:230px;
	padding:0 5px 0 5px;
	margin:0;
	background: url(../img/common/bg_logincenter.jpg) top center no-repeat;
}

#submenu-area .sublog ul{
	width:200px;
	margin:0 auto;
	padding:0;
	}

#submenu-area .sublog li a:link,
#submenu-area .sublog li a:visited{
	width:200px;
	line-height:39px;
	padding:0 0 0 0px;
	margin:0;
}

.id{
	margin:0px 0 0px 0px;
	padding:0;
	}
	
.id img{
	margin:0px 0 2px 0px;
	padding:0;
	display:block;
	_margin:0 0 0px 0;
	}
	
	
*+html .id img{
	margin:0;
	padding:0;
	vertical-align:bottom;
	}
	
.input input{
	width:195px;
	margin:0 0 5px 0px;
	padding:0;
	_margin:0 0 2px 0;
	}
	
*+html .input input{
	margin:0px 0 0px 0px;
	padding:0;
	}
	
.omit{
	margin:0px 0 3px 0;
	font-size:77%;
	}
	
.omit input{
	position:relative;
	top:2px;
	}

#submenu-area .sublog li a:hover,
#submenu-area .sublog li a:active{
	width:200px;
	line-height:39px;
	padding:0 0 0 0px;
}

.submenu-title{
	width:210px;
	padding:2px 0 10px 0;
	margin:0 auto;
	line-height:0;
}

*+html .submenu-title{
	width:210px;
	padding:2px 0 2px 0;
	margin:0 auto;
	line-height:0;
}

.forget{
	margin:0 0px 0 100px;
	padding:0px 0 2px 0;
	font-size:77%;
	}
	
.forget a{
	background: url(../img/common/pt_img.gif) left 3px no-repeat;
	padding:0 0 0px 15px;
	}
	
.bt_sub{
	margin:15px 0 10px 0;
	padding:0;
	}
	
.bt_sub li{
	margin:10px 0 0 0;
	padding:0;
	}
	
.picup{
	margin:0;
	padding:0;
	}
	
.picup h2{
	border:1px solid #ccc;
	width:238px;
	}
	
.picup .submenu-title{
	margin:0;
	padding:0;
	}
	
.picup .bgpic{
	background:url(../img/common/bg_picup.jpg) top center no-repeat #ebebeb;
	margin:1px 0 20px 0;
	padding:10px 0 10px 0 ;
	}
	
.picup li{
	width:220px;
	margin:0px auto 10px auto;
	padding:5px 0 0 0;
	border-bottom:1px dashed #CCCCCC;
	
	}
	
.bgpic li a{
	font-size:92%;
	}
	
.bgpic p{
	color:#545454;
	}
	
.bgpic li img{
	background:url(../img/common/bg_sub_logo.gif) top center no-repeat;
	padding:5px;
	}
	
.bgpic h4 a{
	background:url(../img/common/pt_company.gif) left 8px no-repeat;
	padding:5px 0 0 15px;
	font-weight:normal;
	background:url(../img/common/pt_company.gif) left 5px no-repeat;
	}
	
.picup p{
	padding:5px 0 0 0;
	margin:0 0 12px 0;
	font-size:77%;
	}
	
.reccomend{
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}
	
.reccomend p{
	color:#333;
	}
	
.reccomend li a{
	font-size:100%;
	}
	
.reccomend .bottom{
	border-bottom:none !important;
	}
	
.reccomend h4 a{
	background:url(../img/common/pt_company.gif) left 2px no-repeat ;
	padding:0px 0 0 15px;
	margin:0;
	font-weight:normal;
	_background:url(../img/common/pt_company.gif) left 3px no-repeat ;
	}	
	
/* ------------------------------------------------------------ */
/* メイン */
/* ------------------------------------------------------------ */
#main-area{
	
}

#main-area .pagetitle{
	margin:0 0 30px 0;
}
.section{
	margin:0 auto 20px auto;
	padding:0 0 0px 0;
}



/* ------------------------------------------------------------ */
/* フッター */
/* ------------------------------------------------------------ */

#footer-area{
	clear:both;
}

#footer-area .text{
	border-top:1px solid #ccc ;
	}	

#footer-area ul{
	float:left;
	}
	
#footer-area ul li{
	display:inline;
	margin:0 10px 0 0px;
	font-size:77%;
	}
	

#footer-area p.copyright{
	text-align:right;
	font-family: 'Verdana',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size:77%;
	margin:0 0 20px 0;
	padding:5px 0 0 0;
	color:#999;
	}
	
.pagetop{
	width:900px;
	text-align:right;
	margin:20px auto 10px auto;
	font-family: 'Verdana',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size:77%;
	padding:5px 0 5px 0;
}

.pagetop a{
	display:block;
	background:url(../img/common/pt_top.gif) #ccc 885px center no-repeat;
	padding:3px 20px 3px 0px;
	position: relative;
	}
	
.pagetop a:hover{
	display:block;
	background:url(../img/common/pt_top.gif) #e7e7e7 885px center no-repeat;
	padding:3px 20px 3px 0px;
	position: relative;
	}
	
/* ------------------------------------------------------------ */
/* ログイン後 */
/* ------------------------------------------------------------ */

#submenu-area .sublog .change a:link,
#submenu-area .sublog .change a:visited{
	line-height:normal;
	}
	
#submenu-area .sublog .change a:hover,
#submenu-area .sublog .change a:active{
	line-height:normal;
	}

.out{
	text-align:right;
	}
	
.change{
	margin:5px 0 0px 0px;
	padding:5px 0 0 15px;
	border-top:1px solid #ccc;
	font-size:92%;
	background:url(../img/common/pt_img.gif) left 9px no-repeat;
	_background:url(../img/common/pt_img.gif) left 12px no-repeat;
	}
	
*+html .change{
	background:url(../img/common/pt_img.gif) left 12px no-repeat;
	}
	
.manname{
	margin:0;
	padding:0 0 0 15px;
	font-size:100%;
	font-weight:bold;
	background:url(../img/common/pt_company.gif) left center no-repeat;
	}
	
*+html .manname{
	margin:10px 0 0 0;
	}
	
.pictop{
	margin:20px 0 0 0;
	}


/* ------------------------------------------------------------ */
/* デザインパーツ */
/* ------------------------------------------------------------ */

.section h3{
	margin:0 0 0 0;
	font-size:122%;
	color:#000;
	clear:both;
}

.dotto_top{
	border-top:1px dotted #CCC;
}
.dotto_bottom{
	border-bottom:1px dotted #CCC;
}


.section table{
	border-collapse: collapse;
}

.section table th,
.section table td{
	padding:5px;
	border:2px solid #FFF;
}

.section table th{
	text-align:left;
	background:#F0F0F0;
}

img.left {
	float: left;
	margin: 0 12px 5px 0;
}

img.right {
	float: right;
	margin: 0 0 5px 12px;
}

.listback{
	clear:both;
	}
	
.notback{
	background:url(../img/common/pt_img.gif) left center no-repeat;
	padding:0 0 0 15px;
	margin:0 0 5px 0;
	font-weight:bold;
	}

.listback a{
	background:url(../img/common/pt_company.gif) left center no-repeat;
	padding:0 0 0 15px;
	margin:0;
	color:#333;
	}
	
.listback a:hover{
	background:url(../img/common/pt_company.gif) left center no-repeat;
	padding:0 0 0 15px;
	margin:0;
	color:#999;
	}
	
.main_title{
	border:1px solid #ccc;
	}
	
.entrytitle{
	border:1px solid #ccc;
	margin:0 0 20px 0;
	}
	
.papers table .half{
	padding:0 0 0px 0;
	font-size:77%;
	color:#666;
}

.papers table .half a{
	background:url(../img/common/pt_company.gif) left center no-repeat;
	padding:0 0 0px 15px;
	margin:0;
	width:100%;
}