@charset"Shift_JIS";
/* -----------------------------------------------------------------------

	牧島かれん WEB　全ページ共通のフォーマットCSS
	
	01：タグの再定義
	02：共通項目
	03：ヘッダー
	04：ナビゲーション
	05：セカンド　ページタイトル
	06：セカンド　メイン
	07：フッター

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

/* -----------------------------------------------------------------------
	01：タグの再定義
-----------------------------------------------------------------------*/

* {
	margin:0;
	padding:0;
}

body {
	text-align:center;
	line-height:150%;
	color:#333;
	background:url(../images/bg.jpg);
	padding-bottom:12px;
}
a {
	color: #073E81;
	text-decoration: underline;
}
a:hover {
	color: #A01212;
	text-decoration: underline;
}
a:visit {
	color: #2A53A3;
	text-decoration: underline;
}
img,
img a {
	border:none;
}

.bold{
	font-weight:bold;
}
.clear{
clear:both;
margin-bottom:30px;}
#pankuzu{
padding:5px 15px;}
h2{
margin:0 0 30px 15px;
text-indent:-9999px;
width:867px;
height:46px;}
/* -----------------------------------------------------------------------
	02：共通項目
-----------------------------------------------------------------------*/
.mobile{display:none;}
#wrapper{
	text-align:center;
	width:100%;
	background:url(../images/main_bg.jpg) repeat-x #F2F2F2;
}
#container{
	text-align:left;
	width:967px;
	margin:0 auto;
}
#main-box{
	background:url(../images/main-box_bg.jpg) repeat-y #F2F2F2;
	padding:0 30px;
}

/* -----------------------------------------------------------------------
	03：ヘッダー
-----------------------------------------------------------------------*/

#header{
	height:74px;
	text-align:center;
}
#header #header-inner{
	width:900px;
	text-align:left;
	margin:0 auto;
}
#header h1{
	text-indent:-9999px;
	width:345px;
	height:54px;
	background:url(../images/logo.gif) no-repeat;
	float:left;
	margin:10px 0 0 0;
	display:inline;
}
#header h1 a{
	display:block;
	width:345px;
	height:54px;
}
#header-contact{
	float:left;
	margin:0px 0 0 50px;
	display:inline;
}
#header-right{
	float:right;
	width:530px;
	text-align:right;
	margin-top:5px;
}
#header-right .jimin-logo{
	float:right;
	margin:0;
}
#header-right .size-change{
	float:right;
	width:186px;
}
#header-right li {
	float:left;
	list-style:none;
	text-decoration:none;
	display:inline;
}
#header-right .size-change_title{
	float:left;
	display:inline;
	margin:5px 5px 0 0;
}
#header-right li a {
	text-indent:-9999px !important;
	display:block;
	height:31px;
	text-decoration:none;
	background-repeat:no-repeat;
}
#header-right .small a{
	width:22px;
	background:url(../images/size-small.jpg);
}
#header-right .small a:hover{
	width:22px;
	background:url(../images/size-small_.jpg);
}
#header-right .medium a{
	width:26px;
	background:url(../images/size-medium.jpg);
}
#header-right .medium a:hover{
	width:26px;
	background:url(../images/size-medium_.jpg);
}
#header-right .big a{
	width:30px;
	background:url(../images/size-big.jpg);
}
#header-right .big a:hover{
	width:30px;
	background:url(../images/size-big_.jpg);
}
/* -----------------------------------------------------------------------
	04：ナビゲーション
-----------------------------------------------------------------------*/

/*グローバルナビ*/
#global-navi {
	margin:0px auto 0px 0px;
	text-align:left;
	width:967px;
	background-image:url(../images/navigation2.jpg);
}
#global-navi li {
	display:inline;
	line-height:100%;
	list-style:none;
	text-decoration:none;
	text-indent:-9999px;
}
#global-navi li a {
	display:block;
	float:left;
	height:80px;
	text-decoration:none;
	background-image:url(../images/navigation2.jpg);
	background-repeat:no-repeat;
}
#global-navi li a:hover {
	background-image:url(../images/navigation2_over.jpg);
}
#global-navi .now-top #top a,
#global-navi .now-top #top a:hover,
#global-navi .now-profile #profile a,
#global-navi .now-profile #profile a:hover,
#global-navi .now-convictions #convictions a,
#global-navi .now-convictions #convictions a:hover,
#global-navi .now-activities #activities a,
#global-navi .now-activities #activities a:hover,
#global-navi .now-contact #contact a,
#global-navi .now-contact #contact a:hover,
#global-navi .now-access #access a,
#global-navi .now-access #access a:hover,
#global-navi .now-news #news a,
#global-navi .now-news #news a:hover,
#global-navi .now-link #link a,
#global-navi .now-link #link a:hover{
	background-image:url(../images/navigation2_now.jpg) !important;
}
#global-navi #top a {
	width:146px;
	background-position:0px 0;
}
#global-navi #profile a {
	width:102px;
	background-position:-146px 0;
}
#global-navi #convictions a {
	width:91px;
	background-position:-248px 0;
}
#global-navi #activities a {
	width:105px;
	background-position:-339px 0;
}
#global-navi #contact a {
	width:150px;
	background-position:-444px 0;
}
#global-navi #access a {
	width:125px;
	background-position:-594px 0;
}
#global-navi #news a {
	width:106px;
	background-position:-719px 0;
}
#global-navi #link a {
	width:142px;
	background-position:-825px 0;
}
/* -----------------------------------------------------------------------
	05：セカンド　ページタイトル
-----------------------------------------------------------------------*/
#pagetitle {
	width:900px;
	background:url(../images/bg_contents_top.jpg) no-repeat top;
	margin:0 6px;
	text-align:left;
	font-size:10px;
	color:#A9A78B;
}
#pagetitle .pagetitle {
	width:820px;
	margin:0 40px;
}
#pagetitle .pankuzu {
	text-align:right;
	padding:5px 40px;
}
#pagetitle .pankuzu a {
	color:#9C9A7A;
}


/* -----------------------------------------------------------------------
	06：セカンド　メイン
-----------------------------------------------------------------------*/
#contents{
background:#FFFFFF;
margin:10px 0;
text-align:left;
}
#back {
	float: left;
	width: 450px;
}
#next {
	float: right;
	width: 450px;
}

/* -----------------------------------------------------------------------
	07：フッター
-----------------------------------------------------------------------*/
#footer{
	clear:both;
	text-align:center;
	width:100%;
	background:url(../images/bg.jpg);
}
#footer .footer-inner{
	width:950px;
	background:url(../images/footer-bottom.jpg) 5px 0 no-repeat;
	margin:0 auto;
}

#footer-link {
	float:left;
	width:385px;
	text-align:left;
	margin:25px 0 10px 15px;
}
#footer-link li{
	float:left;
	display:inline;
}
#footer-link li a{
	display:block;
	text-indent:-9999px;
}
#footer-link #b-privacy a{
	background:url(../images/b-privacy.gif) no-repeat center center;
	width:150px;
	border-right:#999 1px solid;
}
#footer-link #b-contact a{
	background:url(../images/b-contact.gif) no-repeat center center;
	width:133px;
}
#footer-link #b-sitemap a{
	background:url(../images/b-sitemap.gif) no-repeat center center;
	width:88px;
	border-right:#999 1px solid;
}
#copyright {
float:right;
margin:25px 30px 10px 0;
}
.pagetop {
	text-align: center;
	margin-top: 60px;
	clear: both;
}