@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:#0080D5;
}
a:visited{
	color:#0080D5;
}
a:hover{
	color:#37AFFF;
}
a:active{
	color:#0080D5;
}




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

body{
	border-top:4px solid #FFD237;
	font-family: Helvetica, Arial, "メイリオ",  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

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


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

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

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

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

p{
	margin:0;
	padding:0;
	}

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

#identity{
	float:left;
	margin:3px 0 0 0;
}

#header-area .header-utility{
	top:0px;
	float:right;
}
#header-area .header-utility li{
	float:right;
	margin:0 0 0 20px;
	padding:0 0 0 25px;
	background:url(../img/common/link_point.gif) left center no-repeat;
}

.globalmenu{
	margin:40px 0 0 0;
}
.globalmenu ul{
	background:url(../img/common/menu_boder.gif) right top no-repeat;
	padding:0 2px 0 0;
	float:right;
	}

.globalmenu li{
	float:left;
	padding:0 3px 0 5px;
	margin:0;
	line-height:1;
	background:url(../img/common/menu_boder.gif) left top no-repeat;
	text-align:center;
}



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

#contents-area{
	color:#333;
	margin:0 0 50px 0;
}

#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:#666;
}



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

#submenu-area{
}

.entry{
	height:200px;
	background:url(../img/common/bg_entry.jpg) top center no-repeat;
	}
	
.login ul{
	background:url(../img/common/bg_login_center.gif) top center repeat-y;
	overflow:hidden;
	}

#submenu-area .submenu{
	margin:0 0 20px 0;
}
	
#submenu-area .entry .submenu-title{
	text-align:center;
	padding:20px 0 0 0;
	}
	
#submenu-area .entry ul{
	margin:10px 0 0 0;
	padding:0;
	}
	
#submenu-area .entry li{
	text-align:center;
	padding:0;
	margin:0;
	}
	
#submenu-area .login{
	margin:0 0 20px 0;
	overflow:hidden;
	vertical-align:top;
	width:216px;
	background:url(../img/common/bg_login.gif) top center no-repeat;
}

#submenu-area .login img{
	vertical-align:top;
	display:block;
	}
	
#submenu-area .login .submenu-title{
	text-align:left;
	padding:15px 0 0 20px;
	}
	
#submenu-area .login_box{
	text-align:left;
	padding:5px 0 0 20px;
	font-size:77%;
	margin:0;
	}

#submenu-area .input_area{
	margin:5px 0;
}

#submenu-area .login .id div.value,
#submenu-area .login .pass div.value{
	float:left;
	width:60px;
}

#submenu-area .login .id input,	
#submenu-area .login .pass input{
	float:left;
	width:120px;
	}
	
#submenu-area .login .omission{
	text-align:center;
	}
	
#submenu-area .login .put{
	width:89px;
	margin:0 auto 5px auto;
	}
	
#submenu-area .login .put a{
	background:url(../img/common/bt_login.gif) center center no-repeat;
	width:89px;
	height:23px;
	display:block;
	color:#000;
	text-align:center;
	padding:5px 0 0 0;
	text-decoration:none;
	}
	
#submenu-area .login .put a:visited{
	background:url(../img/common/bt_login.gif) center center no-repeat;
	color:#000;
	text-decoration:none;
	}
	
#submenu-area .login .put a:hover{
	background:url(../img/common/bt_login_on.gif) center center no-repeat;
	color:#000;
	text-decoration:none;
	}
	
#submenu-area .login .put a:active{
	background:url(../img/common/bt_login.gif) center center no-repeat;
	color:#000;
	text-decoration:none;
	}
	
#submenu-area .login .forgot{
	width:120px;
	margin:0 auto 0px auto;
	padding:0 0 0px 20px;
	background:url(../img/common/link_point.gif) left center no-repeat;
	text-align:left;
	}

#submenu-area .login .text{
	margin:10px 18px 0px 18px;
	padding:0px;
	font-size:77%;
}

#submenu-area .template{
	width:216px;
	overflow:hidden;
	}
	
#submenu-area .template .submenu-title{
	margin:0 0 20px 0;
	}
	
#submenu-area .link{
	float:right;
	padding:0 0 0 25px;
	margin:10px 0 0 0;
	background:url(../img/common/link_point.gif) left center no-repeat;
	}
	
#submenu-area .news .submenu-title{
	margin:0 0 20px 0;
	}

#submenu-area .officialblog .submenu-title{
	margin:0 0 20px 0;
	}

#submenu-area .officialblog li{
	margin:0 0 10px 0;
	}

#submenu-area .news ul{
	margin:0;
	padding:0;
	}
	
#submenu-area .news li{
	margin:0;
	line-height:15px;
	display:block;
	}
	
#submenu-area .news .list{
	padding:0 0 10px 0;
	margin:0;
	}
	
#submenu-area .landom{
	margin:40px 0 20px 0;
}

/* ------------------------------------------------------------ */
/* メイン */
/* ------------------------------------------------------------ */
#main-area{
	
}

#main-area .pagetitle{
	margin:0 0 30px 0;
}

.section{
	margin:20px auto 0 auto;
	padding:0 0 10px 0;
	background:url(../img/common/bg_section.jpg) center top no-repeat;
}

#main-area h2{
	background:url(../img/common/bg_main.gif) center top no-repeat;
	width:652px;
	height:55px;
	font-size:152%;
	padding:25px 0 0 20px;
	}
	
.section h3{
	border-left:6px solid #FFD237;
	padding:0 0 0 10px;
	margin:0 0 10px 0;
	font-size:136%;
	height:25px;
	}


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

#footer-area{
	border-top:5px solid #FFE89B;
	background:#FFD237;
	width:900px;
	overflow:hidden;
	clear:both;
	margin:20px 0 0 0;
	padding:0px 0 10px 0;
}
#footer-area ul{
	width:900px;
	padding:10px 0 0 0;
	text-align:center;
}
#footer-area li{
	display:inline;
	color:#999999;
}

#footer-area li a{
	padding:0 2px 0 0px;
}


#footer-area li a{ color:#352C1A;}
#footer-area li a:visited{ color:#352C1A;}
#footer-area li a:hover{ color:#655432;}
#footer-area li a:active{ color:#352C1A;}

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


/* ------------------------------------------------------------ */
/* ブログ記事検索 */
/* ------------------------------------------------------------ */
.blob_search{
	background:url(../img/home/bg_search.jpg) #FFD left top no-repeat;
	height:40px;
	margin:20px auto 0 auto;
	padding:0px;
}
.blob_search dt{
	float:left;
	background:url(../img/home/icon_search.gif) left center no-repeat;
	padding:0 0 0 18px;
	margin:0 12px;
	font-weight:bold;
	line-height:40px;
}
.blob_search dd{
	padding:7px 0 0 0;
}
.blob_search dd .input{
	float:left;
	margin:2px 3px 0 0;
}
	.blob_search dd .input input{
	width:200px;
	}

.blob_search .put{
	float:left;
	width:89px;
	margin:0 auto 5px auto;
	font-size:77%;
	}
.blob_search .put a{
	background:url(../img/common/bt_login.gif) center center no-repeat;
	width:89px;
	height:23px;
	display:block;
	color:#000;
	text-align:center;
	padding:5px 0 0 0;
	text-decoration:none;
	}
.blob_search .put a:visited{
	background:url(../img/common/bt_login.gif) center center no-repeat;
	color:#000;
	text-decoration:none;
	}
.blob_search .put a:hover{
	background:url(../img/common/bt_login_on.gif) center center no-repeat;
	color:#000;
	text-decoration:none;
	}
.blob_search .put a:active{
	background:url(../img/common/bt_login.gif) center center no-repeat;
	color:#000;
	text-decoration:none;
	}

.blob_search_result{
	margin:5px 0 0 8px;
}
.blob_search_result strong{
	font-size:122%;
	margin:0 3px 0 0;
}
.blob_search_result a{
	margin:0 2px;
	padding:1px 5px;
	border:1px solid #0080D5;
	text-decoration:none;
}
.blob_search_result a:hover{
	background-color:#0080D5;
	color:#FFF;
}


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


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


.section table{
	border-collapse: collapse;
}

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

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