@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:#085da3;
}
a:visited{
	color:#aa5da3;
}
a:hover{
	color:#0c89ef;
	text-decoration:none;
}
a:active{
	color:#085da3;
}




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

body{
	background:url(../img/common/body_back_02.gif) repeat-x;
	color:#555;
}

#container{
	width:900px;
	padding:0px 20px;
	margin:0 auto;
	position:relative;
	background:#FFFFFF;
}


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

#main-area{
	float:left;
}

#submenu-area{
	float:right;
}

/* コンテンツの枠 */
.section{
}

/* ------------------------------------------------------------ */
/* ヘッダー */
/* ------------------------------------------------------------ */
#header-area{
	position:relative;
	border-top:4px solid #085da3;
	padding-top:41px;
	width:900px;
}

#header-area .tell_text {
	float:right;
	width:600px;
}

#header-area .tell_text img {
	float:right;
}

#header-area .tell_text p {
	font-size:77%;
	color:#999;
	width:420px;
	height:30px;
}

.vi {
	clear:both;
	padding:0px 0px 9px 0px;
}


#identity{
	padding:0px 0px 15px 0px;
}

#header-area .header-utility{
	position:absolute;
	top:8px;
	width:900px;
}
#header-area .header-utility li{
	float:right;
	margin:0 0 0 20px;
}

#header-area .header-utility li a {
	background:url(../img/common/head_navi_arrow.gif) no-repeat 0px 3px;
	padding:0 0 0 14px;
}

.globalmenu{
	padding:0px 0px 0px 0px;
}

.globalmenu li{
	float:left;
	line-height:1;
	text-align:center;
}

.globalmenu img {
	display:block;
	line-height:1;
}

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

#contents-area{
	padding-top:25px;

}

.block {
	display:block;
}


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

#submenu-area{
	width:230px;
}

#submenu-area img {
	display:block;
}

#submenu-area li a img {
	display:inline;
}

#submenu-area .submenu{
	margin:0 0 15px 0;
	border-bottom:1px dotted #CCCCCC;
}

#submenu-area .submenu li {
	margin-bottom:8px;
}

.submenu iframe {
	height:265px;
	margin-bottom:15px;
	width:99%;
	border:1px solid #ccc;
}

#submenu-area .profile {
	padding:25px 15px 0px 15px;
	background:url(../img/common/side_topics_backtop.gif) no-repeat top #f3efea;
}

.profile h6 {
	padding-bottom:5px;
}

#submenu-area .profile p {
	font-size:85%;
	padding-bottom:2px;
	padding-left:10px;
	line-height:1.4;
	margin-bottom:0px;
	background:url(../img/common/side_boxico.gif) no-repeat 0px 3px;
}

*:first-child+html #submenu-area .profile p {
	font-size:77%;
}

/* hide from Mac IE \*/
* html #submenu-area .profile p {
	font-size:77%;
}
/* */


#submenu-area .profile .add {
	margin-bottom:8px;
	font-size:100%;
	background:none;
	padding-left:0px;
}

*:first-child+html #submenu-area .profile .add {
	font-size:100%;
}

/* hide from Mac IE \*/
* html #submenu-area .profile .add {
	font-size:100%;
}
/* */

/* ------------------------------------------------------------ */
/* メイン */
/* ------------------------------------------------------------ */
#main-area{
	width:640px;
}

.section{
	clear:both;
}

.pagetop{
	clear:both;
	text-align:right;
	margin:0 auto 0px auto;
	font-family: 'Verdana',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size:77%;
	padding-top:20px;
}

.pagetop a {
	display:block;
	background:#f0f0f0 url(../img/common/pagetop_ico.gif) no-repeat 790px 9px;
	padding:5px 10px;
}


*:first-child+html .pagetop a {
	padding:2px 10px 5px 10px;
}

/* hide from Mac IE \*/
* html .pagetop a {
	padding:2px 10px 5px 10px;
}
/* */

#container .pagetop a:link{
	color:#666;
}
#container .pagetop a:visited{
	color:#666;
}
#container .pagetop a:hover{
	color:#999;
}
#container .pagetop a:active{
	color:#666;
}



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

#footer-area{
	clear:both;
	height:65px;
	background:url(../img/common/footer_back.gif) no-repeat;
}
#footer-area p.copyright{
	text-align:center;
	font-family: 'Verdana',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size:77%;
	margin:0px;
	padding-top:5px;
}


#container .footer-navi {
	
	background:#085da3;
	color:#fff;
	padding:5px 25px;
	text-align:center;
}

.footer-navi li {
	display:inline;
	font-size:85%;
	padding:0px 1px;
	text-align:center;
}

*:first-child+html .footer-navi li {
	font-size:77%;
}

/* hide from Mac IE \*/
* html .footer-navi li {
	font-size:77%;
}
/* */ 

#container .footer-navi a:link{
	color:#fff;
}

#container .footer-navi a:visited{
	color:#fff;
}

#container .footer-navi a:hover{
	color:#fff;
}

#container .footer-navi a:active{
	color:#fff;
}

#container .summary {
	background:#f1f9ec;
	margin-top:20px;	
	padding:10px;
}

#container .summary p {
	margin:0px;
	font-weight:bold;
}

#container .summary .summary_seo {
}

#container .summary .summary_seo p{
	font-size:85%;
	line-height:1.4;
	margin-bottom:0px;
	padding-left:10px;
	background:url(../img/common/side_boxico.gif) no-repeat 0px 3px;
	font-weight:normal;
}

#container .summary .summary_seo span {
	padding-left:11px;
	background:url(../img/common/side_boxico.gif) no-repeat top left;
	margin-left:20px;
}

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