@charset "UTF-8";

/*--------------------------
共通右側
----------------------*/

#right a.MougaSexChg{
	background:url(../../man/images/bn_mougal_site.gif) no-repeat;
	width:225px;
	height:80px;
}

/*--------------------------
top下層共通
----------------------*/

body {
	margin:0;
	padding:0;
	text-align:center;
	background:url(../../man/images/bg.jpg) repeat-x;
	font-size:12px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

div#wrapper{
	width:900px;
	margin:0 auto;
	background:#FFFFFF;
	text-align:left;
}

div#wrapper div#left{
	float:left;
	width:607px;
	margin-bottom:20px;
	padding-left:22px;
}



div#wrapper div#left h1{
	font-size:10px;
	font-weight:bold;
	color:#c81010;
	margin:3px 0;
	padding:0;
	line-height: 100%;
}

div#wrapper div#left h2.mougalogo {
	float:left;
	background:url(../../man/images/mouga_logo.gif) no-repeat;
	width:71px;
	height:32px;
}
div#wrapper div#left h2.mougalogo span {
	display: none;
}
div#wrapper div#left #switchCont {
	width: 98px;
	float: right;
	margin-top: 16px;
}

div#wrapper div#right{
	float:right;
	width:225px;
	margin-bottom:20px;
	padding-right:22px;
}

div#wrapper div#right h2.tsumuralogo{
	background:url(../../man/images/logo_tsumura.gif) no-repeat;
	background-position:right;
	width:225px;
	height:25px;
	text-indent:-9999px;
}

div#wrapper div#right a.sitemap{
	background:url(../../man/images/btn_sitemap.gif) no-repeat;
	background-position:right;
	width:225px;
	height:12px;
	margin:5px 0 6px 0;
}

#right a.syouyaku{
	background:url(../../man/images/btn_syouyaku.jpg) no-repeat;
	width:225px;
	height:194px;
}

#right object{
	width:215px;
	margin:20px 0 0px 0;
}

h3.tettei{
	clear:both;
	width:225px;
	height:20px;
	padding:10px 0 0 0;
	background:url(../../man/images/h3_tettei.gif) no-repeat bottom;
	text-indent:-9999px;
}

#right a.tettei01{
	background:url(../../man/images/btn_tettei01.jpg) no-repeat;
	width:225px;
	height:66px;
}
#right a.tettei02{
	background:url(../../man/images/btn_tettei02.jpg) no-repeat;
	width:225px;
	height:66px;
}
#right a.tettei03{
	background:url(../../man/images/btn_tettei03.jpg) no-repeat;
	width:225px;
	height:66px;
}
#right a.tettei04{
	background:url(../../man/images/btn_tettei04.jpg) no-repeat;
	width:225px;
	height:66px;
}
#right a.tettei05{
	background:url(../../man/images/btn_tettei05.jpg) no-repeat;
	width:225px;
	height:66px;
	
}
#right a.mouganist_news{
	background:url(../../man/images/btn_mouganist_news.jpg) no-repeat;
	width:225px;
	height:100px;
}

div#footer{
	clear:both;
	width:900px;
	margin:10px auto;
	border-top:#F7242F 3px solid;
	font-size:10px;
	padding:5px 0;
	
}

div#footer p.copyright{
	float:left;
}

div#footer ul{
	float:right;
	list-style:none;
	width:340px;
	margin:0;
	padding:0;
	
}

div#footer ul li{
	float:left;
	text-indent:10px;
	text-align:left;
	list-style:none;
	padding:0 5px;
	margin:0;
	background:url(../../man/images/arrow_footer_link.gif) no-repeat 3px 3px;
}

div#footer ul li a{
	color:#2d2d2d;
	text-decoration:none;
}

h3 span {
	display: none;
}

/*--------------------------
topページ左側
----------------------*/

a.shindan{
	background:url(../../man/images/btn_shindan.jpg) no-repeat;
	width:291px;
	height:64px;
}

a.uservoice{
	background:url(../../man/images/btn_user_voice.jpg) no-repeat;
	width:291px;
	height:64px;
}

/* レイアウト変更により削除
a.newproduct{
	background:url(../../man/images/btn_newproduct.jpg);
	width:292px;
	height:64px;
}
*/

/* モウガニストたちの広場 */
h3.hiroba{
	background:url(../../man/images/h3_hiroba.gif) no-repeat;
	widows:607px;
	height:3px;
/*
画像修正より高さ変更(081217@domo)
	height:21px;
*/
/* 以下追加更(081217@domo) */
	margin-bottom:5px;
/* 以上追加更(081217@domo) */
	padding:0;
	text-indent:-9999px;
	display:block;
}

h3.whatsnew{
	background:url(../../man/images/h3_whatsnew.gif) no-repeat;
	widows:607px;
	height:21px;
	padding:0;
	text-indent:-9999px;
	display:block;
}
#wrapper #left dl#whatsnew{
	width:607px;
	padding:0;
	text-align:left;
	list-style:none;
}
#wrapper #left dl#whatsnew .textSet{
	color:#424242;
	background:url(../../man/images/dot607.gif) bottom no-repeat;
	width:607px;
	padding:5px 0;
}
#wrapper #left dl#whatsnew dt{
	line-height: 120%;	
	background-repeat:no-repeat;
	background-position:2px 4px;
	background-image:url(../../man/images/arrow_whatsnew.gif);
	width: 90px;
	padding-left:15px;
	float: left;
}
#wrapper #left dl#whatsnew dd{
	line-height: 120%;	
	width: 502px;
	float: left;
}
#wrapper #left #whatsnew a{
	text-decoration:none;
	color:#424242;
}

h3.newsrelease{
	background:url(../../man/images/h3_news_release.gif) no-repeat;
	width:607px;
	height:21px;
	padding:0;
	display:block;
}
#wrapper #left dl#newsrelease{
	width:607px;
	padding:0;
	text-align:left;
	list-style:none;
}
#wrapper #left dl#newsrelease .textSet{
	color:#424242;
	background:url(../../man/images/dot607.gif) bottom no-repeat;
	width:607px;
	padding:5px 0;
}
#wrapper #left dl#newsrelease dt{
	line-height: 120%;	
	background-repeat:no-repeat;
	background-position:2px 4px;
	background-image:url(../../man/images/arrow_whatsnew.gif);
	width: 90px;
	padding-left:15px;
	float: left;
}
#wrapper #left dl#newsrelease dd{
	line-height: 120%;	
	width: 502px;
	float: left;
}
#wrapper #left #newsrelease a{
	text-decoration:none;
	color:#424242;
}

a.ikumou{
	background:url(../../man/images/h4_ikumou.jpg) no-repeat;
	width:292px;
	height:66px;
	text-indent:-9999px;
	display:block;
}
a.jujitsu{
	background:url(../../man/images/h4_jujitsu.jpg) no-repeat;
	width:292px;
	height:66px;
	text-indent:-9999px;
	display:block;
}

p.hiroba{
	width:292px;
	padding:1px 0;
/*
変更(081217@domo)
	padding:5px 0;
*/
	color:#3f3c3c;
}


#left dl.hiroba{
	clear:both;
	width:292px;
	text-align:left;
	margin:0;
	display:block;
}

#left dl.hiroba dt{
	clear:both;
	width:203px;
	float:right;
	margin:12px 0 0 0;
	padding:2px 0;
	display:block;
	color:#3c3c3c;
	font-size:12px;
	font-weight:bold;
	text-indent:15px;
	height:15px;
	line-height: 15px;
}

#left dl.hiroba dt a{
	text-decoration:none;
	color:#3c3c3c;
}

#left dl.hiroba dt.blue{
	background-color:#80CDFF;
	background-image:url(../../man/images/arrow_hiroba_blue.gif);
	background-repeat:no-repeat;
	background-position:3px 4px;
}

#left dl.hiroba dt.grn{
	background-color:#49c295;
/*
色変更(081217@domo)
background-color:#00FDB8;
*/
	background-image:url(../../man/images/arrow_hiroba_grn.gif);
	background-repeat:no-repeat;
	background-position:3px 4px;
}

#left dl.hiroba dt.grn2{
	background-color:#49c295;
	background-image:url(../../man/images/arrow_hiroba_grn.gif);
	background-repeat:no-repeat;
	background-position:3px 4px;
	height:30px;
}


#left dl.hiroba dd.photo{
	float:left;
	width:76px;
	height:76px;
	margin:10px 0 0 0;
	padding:0;
	display:block;
}
#left dl.hiroba dd.txt{
	float:right;
	width:203px;
	margin-top:5px;
	display:block;
	font-size:12px;
	color:#666666;
	height:53px;
	line-height: 120%;
}

#left dl.hiroba dd.btn{
	float:right;
	width:203px;
	margin-top:-25px;
	/* IE6,7用 */
	/margin-bottom:-12px;
	display:block;

}

#left dl.hiroba dd.txt a img{
	margin:3px 1px 0 0;
}

/*--------------------------
topページ右側
----------------------*/

#right a.ikumoulogin{
	background:url(../../man/images/btn_ikumou_login.jpg) no-repeat;
	width:225px;
	height:35px;
}

#right a.ProductsIntro{
	background:url(../../man/images/bn_mouga_products.gif) no-repeat;
	width:224px;
	height:106px;
}

/*--------------------------
topページ下段
----------------------*/

#bottom_bunner{
	clear:both;
	width:905px;
	margin:0 auto;
	padding:20px 0 10px 0;
}

#bottom_bunner a img{
	border:0;
	float:left;
}

/*--------------------------
下層ページ
----------------------*/


ul#under_navi{
	clear:both;
	width:607px;
	height:48px;
	list-style-type: none;
	margin:0; 
	padding:5px 0 0 0;
}

ul#under_navi li{
	float:left;
  	list-style-type:none;
 	display:block;
	margin:0; 
	padding:0;
	text-indent:-9999px;
}

ul#under_navi li.bt01 a{
background-image:url(../../man/images/under_navi01.jpg);
background-repeat:no-repeat;
width:68px;
height:48px;
display:block;
text-decoration:none;
}

ul#under_navi li.bt02 a{
background-image:url(../../man/images/under_navi02.jpg);
background-repeat:no-repeat;
width:126px;
height:48px;
display:block;
text-decoration:none;
}


ul#under_navi li.bt03 a{
background-image:url(../../man/images/under_navi03.jpg);
background-repeat:no-repeat;
width:134px;
height:48px;
display:block;
text-decoration:none;
}


ul#under_navi li.bt04 a{
background-image:url(../../man/images/under_navi04.jpg);
background-repeat:no-repeat;
width:129px;
height:48px;
display:block;
text-decoration:none;
}

ul#under_navi li.bt05 a{
background-image:url(../../man/images/under_navi05.jpg);
background-repeat:no-repeat;
width:150px;
height:48px;
display:block;
text-decoration:none;
}

div#pankuzu{
	width:607px;
	background:#E5E5E5;
}

div#pankuzu p{
	color:#414141;
	padding:5px 15px;
	font-size:10px;
	line-height: 100%;
}

div#pankuzu p a{
	color:#414141;
	text-decoration:none;
}

/*--------------------------
下層ページ右側
----------------------*/

a.campaign{
	background:url(../../man/images/btn_campaign.jpg);
	width:225px;
	height:123px;
}
a.shindan_right{
	background:url(../../man/images/btn_shindan_under.jpg);
	width:225px;
	height:84px;
}
a.uservoice_under{
	background:url(../../man/images/btn_uservoice_under.jpg);
	width:225px;
	height:64px;
}

/*--------------------------
margin
----------------------*/
.mtb5 {margin:5px 0px;}
.mtb10 {margin:10px 0px;}
.mtb15 {margin:15px 0px;}
.mtb20 {margin:20px 0px;}

.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}

.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml23 {margin-left:23px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}

.ms5 {margin:0 5px;}
.ms10 {margin:0 10px;}
.ms15 {margin:0 15px;}
.ms20 {margin:0 20px;}

.m10 {margin:10px;}
.m20 {margin:20px;}
.ptb10 {padding:10px 0px;}
.p10 {padding:10px;}
.p20 {padding:20px;}

/*--------------------------
float
----------------------*/
.fleft{
	float:left;
}
.fright{
	float:right;
}

/*--------------------------
文字高
----------------------*/
.lh120{
	line-height: 120%;
}
.lh150{
	line-height: 150%;
}

/*--------------------------
a要素背景画像表示ボタン
----------------------*/
a.btn{
	text-indent:-9999px;
	display:block;
	background-repeat:no-repeat;
}

/*-------------------------------
clearfix
--------------------------------*/
.clearfix:after {
   content: "";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */
