@charset "utf-8";
@import "common.css";

/*

    *01 リセット
    *02 base
    *04 ヘッダー
    *05 ナビゲーション
    *06 レイアウト
    *07 左メニュー
    *08 Top
    *09 フッター
    *00 clearfix

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

    　*01 リセット
    
---------------------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0px;
    padding: 0px;
    font-weight: bold;
    clear: both;
}
p,
hr,
blockquote,
address,
noscript {
    margin: 0px;
    padding: 0px;
    font-style: normal;
    font-weight: normal;
    border: none;
}
ul,
li,
ol,
dl,
dt,
dd,
pre,
table,
form {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
img { border: none }
em,
strong,
q,
dfn,
code,
samp,
kbd,
var,
cite,
abbr,
acronym {
    margin: 0px;
    padding: 0px;
    font-style: normal;
    font-weight: normal;
}
hr {
    height: 0px;
    border: none;
    margin: 0.5em auto 0.5em auto;
    -moz-float-edge: margin-box;
    -moz-box-sizing: border-box;
    clear: both;
    display: none;
}
ul img,
dl img,
ol img,
object,
embed { vertical-align: bottom }


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

    　*02 base

---------------------------------------------------------------------------*/
* {
    margin: 0;
    padding: 0;
    color: #000000;
    text-align: left;
}

/* body {
    font-size: 13px; 　modern browser 
    *font-size: small; IE 7 
    *font: x-small;  IE 6 
    background-color: #fff;
}

html, body {  
     height: 100%;
     margin: 0;  
     padding: 0;  
     text-align: center;  
}

body {
    font-size: 12px;
    _font-size: 75%;
    line-height: 1.5em;
    color: #747474;
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
    margin: 0px;
    background: url(/img/common/body-bk2.gif) repeat-x left top;
}
 */

body {
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','MS UI Gothic','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	margin: 0;
	padding: 0;
	font-size: 14px;
	/*\*/
	*font-size: 88%;
	/**/
	line-height: 1.6;
	/* word-spacing: -0.1em;
	text-shadow: #fff 1px 1px 1px; */
	color:#000;
	  -webkit-text-size-adjust: none;
	  background:url(../../images/bk.gif)
}



* {
	margin: 0;
	padding: 0;
}



*:first-child+html body { font-size: 75% }


.path {
    font-size: 12px;
    padding-left: 10px;
    padding: 0px 10px 10px 0px;
	margin-top:10px;
	clear:both;
}

img { border: 0 }

li { list-style-type: none }

input { padding: 1px }



h1 {
    margin: 0 0 10px 0px;
    padding: 7px 0 12px 37px;
	background:url(../../images/h1.gif) no-repeat left top;
	font-size:140%;
}

h2 { margin: 20px 0 7px 0; color:#666;
font-size:110%; }


h3 {
    margin: 0 0 10px 0px;
    padding: 8px 0 12px 37px;
	background:url(../../images/h1.gif) no-repeat left top;
	font-size:120%;
}


.borderNone { border: none !important }

.bgNone { background-image: none !important }




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

    　*03 ヘッダー

---------------------------------------------------------------------------*/
#header {
    /* height: 158px; */
	width:928px;
	margin:0 auto;
	text-align:left;
	overflow:hidden;
	_zoom:-1;
}

#header a { color:#000;}


#gnavi { float:right; width:241px;}

#gnavi img { vertical-align:top;}



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

    　*04 メニュー

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

#menu {
	float:left;
	width:236px;
	margin-left:0px;
	}

#menu img { vertical-align:bottom;}

#menu ul {
	border:1px solid #d3d3d3;
	margin-bottom:30px;
		/* background:url(../../images/bk-menu.gif) repeat left top; */
		font-size:85%;
		padding-top:5px
}
	
#menu ul li {
	border-bottom:1px dotted #d3d3d3;
	margin: 0 0 0 1em;
	padding:14px 20px;
	background:url(../../images/arrow.gif) no-repeat 0px 18px;
	}

#menu ul li p {
	margin-left:24px;
	padding-bottom:3px;
	}



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

    　*05 レイアウト

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

div#container {
	/* width: 928px; */
	width: 1100px;
    margin: 20px auto 0px auto;
    text-align: center;
    min-height: 100%;
	padding:0px 20px;         
    position: relative;
	background-color:#ffffff;
	overflow:hidden;
	_zoom:1;
}

#mainContent {
	width: 661px;
    text-align: left;
	float:right;
	margin-left:20px;
	}

#wrap {
	width:928px;
    margin: 0 auto;
    text-align: left;
    margin-top: 35px;
    clear: both;
}

#mainContent p { line-height:240%;}

.font-s {
    font-size: 10px;
    _font-size: 84%;
}

#pagetop { padding-top:50px; clear:both;}



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

    　*06 フッター

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

#footer {
	width: 1100px;
    padding: 20px 20px;
    margin: 0px auto;
    clear: both;
    text-align: center;
	background-color:#333;
	color:#fff;
	line-height:200%;
}

#footer a { color:#fff;}

#footer p { padding: 0 80px; }

.w950 {
    width: 950px;
	overflow:hidden;
	_zoom:-1;
	}
	
.w0 { width:0px;}
.w50 { width:50px;}
.w100 { width:100px;}
.w130 { width:130px;}
.w140 { width:140px;}
.w150 { width:150px;}
.w200 { width:200px;}
.w160 { width:160px;}
.w170 { width:170px;}
.w180 { width:180px;}
.w190 { width:190px;}



.w950 {
    width: 950px;
    margin: 0 auto;
}

.w940 {
    width: 940px;
    margin: 0 auto;
}



/* #footer {
   position:fixed;
   left:0px;
   bottom:0px;
   height:20px;
   width:100%;
} */
/* IE 6
* html #footer {
   position:absolute;
   top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
} */