@charset "UTF-8";


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

Last Update 2008.06.05

「*+html body」IE7only
「*html」IE6only

「behavior:expression(IEPNGFIX.fix(this));」
「filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4;」
「filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="",sizingMethod="scale");」

12pxから…

10px	84%
14px	116%
16px	134%
22px	183%

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* 基本設定 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* 1：要素のリセット */
*{margin:0;padding:0;font-style:normal;}
ul{list-style-type:none;}
img,object{border:0;vertical-align:top;}

/* 2：基本のフォント */
body{color:#000;font-size:x-small;line-height:1.5;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック",sans-serif;}
*html body{font-size:xx-small;}
h1,h2,h3,h4,h5,h6,table,th,td{font-weight:normal;font-size:100%;}
#hd{font-size:100%;}
#main{font-size:121%;}
#ft{font-size:100%;}

a{color:#d82400;}
a:hover{color:#f86440;}

/* 3：基本のレイアウト */
body{text-align:center; background-color:#FFFFFF ; margin-top:0px; }

#wp{width:905px;height:100%;margin:0 auto; background:url(../images/common/bg_wp.gif) repeat-y right; text-align:left}
#hd{
	position:relative;
	width:900px;
	height:85px;
	margin:0 auto;
	text-align:left;
	background-color:#D7D7AE;
	left: 0px;
}
/*#ph{position:relative;width:900px;height:100px;margin:0 auto;text-align:left;}*/




#hd #logo img{position:absolute;top:8px;left:50px;}

#hd #Gmn{position:absolute;top:25px;left:290px;width:600px;height:53px;background:url(../images/common/navi.gif) no-repeat;}
#hd #Gmn li{float:left;height:53px;}
#hd #Gmn li#Gmnabout{width:126px;}
#hd #Gmn li#Gmnpinkactivity{width:148px;}
#hd #Gmn li#Gmncommittee{width:178px;}
#hd #Gmn li#Gmnminnanopink{width:148px;}


#hd #Gmn li a{display:block;width:100%;height:100%;}
#hd #Gmn li a span{display:none;}

#hd #Gmn li a:hover{background:url(../images/common/navi.gif);}
#hd #Gmn li#Gmnabout a:hover{background-position:0px -53px;}
#hd #Gmn li#Gmnpinkactivity a:hover{background-position:-126px -53px;}
#hd #Gmn li#Gmncommittee a:hover{background-position:-274px -53px;}
#hd #Gmn li#Gmnminnanopink a:hover{background-position:-452px -53px;}

#hd #Gmn li.cur a{background:url(../images/common/navi.gif) no-repeat;}

#hd #Gmn li#Gmnabout.cur a{background-position:0px -53px;}
#hd #Gmn li#Gmnpinkactivity.cur a{background-position:-126px -53px;}
#hd #Gmn li#Gmncommittee.cur a{background-position:-274px -53px;}
#hd #Gmn li#Gmnminnanopink.cur a{background-position:-452px -53px;}

#hd #Smninquiry img{position:absolute;top:5px;left:360px;}
#hd #Smncompany img{position:absolute;top:5px;left:500px;}
#hd #Smnsitemap img{position:absolute;top:5px;left:590px;}
#hd #Smnprivacy img{position:absolute;top:5px;left:700px;}

/* フォント++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.orangeb16{font-size:134%; color:#FF6600; font-weight:bold;}
.orangeb14{font-size:121%; color:#FF6600; font-weight:bold;}

.red{color:red;}
.bold{font-weight:bold;}
.blue{color:blue;}
.small{font-size:10px;}
/* フォントここまで++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* #main ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#main {position:relative;width:900px;margin:0 auto; background-image:url(../images/common/back_main.gif)}


/* /#main ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* #leftside ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#main #leftside h3{padding:20px 10px 20px 10px;}
#main #leftside{width:220px; text-align:center; float:left; margin-right:0px; }
.sidecontents{width:200px; margin:0px 10px 20px 10px;background-color:#FFFFFF; padding-top:10px; padding-bottom:25px;}
.sidetxt{width:180px; margin:5px 10px 5px 10px; color:#660000; text-align:left; font-size:100%;}
.sidecontentsimg{margin-top:10px;}
.sidecontentsimg2{margin-left:0px; margin-top:10px; margin-bottom:5px;}

/* #leftside ここまで+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* #rightside ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#main #rightside{width:677px; float:right; text-align:left; margin-left:0px; margin-top:0px;}
#main #rightside h2{padding:15px 15px 10px 15px;}
#main #rightside p{width:600px; font-size:121%; color:#333333; margin-left:30px;}


/* #rightsideここまで ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#main #rightside h1{margin-top:0px; vertical-align:top;}
#main #rightside ol{font-size:121%; color:#000000; margin-left:60px;} 
.chushaku_txt{font-size:100%; color:#000000; margin-left:60px;}


#foot{position:relative;
	width:900px;
	margin:0 auto;
	text-align:right;
	background-color:#D7D7AE;
	left: 0px;}
#foot img{margin:10px 0px 5px 0px;}
#top{text-align:right; margin:15px 20px 15px 0px; font-size:100%;}
.top{text-align:right; margin:55px 20px 15px 0px; font-size:100%; width:650px;}

/* 任意に呼び出して使う ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* フロート解除 */
.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden;}
*html .clearfix{height:1%;}
*+html body .clearfix{display:inline-block;}

#main:after{content:".";display:block;clear:both;height:0;}
*html #main{height:1%;}
*+html body #main{display:inline-block;}

.p5{padding:5px;}
.m5{margin:10px 0px 5px 0px;}


/* マージンボトム */
.mB0{margin-bottom:0;}
.mB5{margin-bottom:5px;}
.mB10{margin-bottom:10px;}
.mB15{margin-bottom:15px;}
.mB20{margin-bottom:20px;}
.mB25{margin-bottom:25px;}
.mB30{margin-bottom:30px;}
.mB35{margin-bottom:35px;}
.mB40{margin-bottom:40px;}

/* マージンレフト */
.mL10{margin-left:10px;}
.mL5{margin-left:5px;}
.mL20{margin-left:20px;}

/* マージンライト */
.mR10{margin-right:10px;}
.mR5{margin-right:5px;}
.mR3{margin-right:3px;}

/* マージントップ */
.mT15{margin-top:15px;}s

/* フロート */
.fR{float:right;}
.fL{float:left;}