@charset "utf-8";

/*Safari、Chrome、Opera向け→Firefox向け→IE向け*/

/*IE6のみ適用*/
* html body { }

/*IE7のみ適用*/
*:first-child+html body { }

/*IE6を除外（モダンブラウザ）*/
html > body { }

/*IE6、IE7を除外（モダンブラウザ）*/
html>/**/body { }

/*Operaに適用*/
*+html:first-child body { }

/*Safariに適用*/
/*\*/
html:\66irst-child { }
/* end */

/*Safariに適用 Chromeにも適用される*/
html[xmlns*=""] body:last-child 要素名 {
   Safariのみに適用させるスタイル
}

/*Safari用 Chromeにも適用される*/
html*要素名 {
display: block;
}

/*その他のブラウザ*/
* html 要素名 {
display: none;
}

Mac IE適用
body { /*\*//*/ ●●●●●●● /**/ }


/* ==================================================
	=clearfixハック
================================================== */

.clearfix:after {
    content: ".";
    display: block;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


p.clearitem {
	clear: both;
}
/* ==================================================
	=初期設定
================================================== */

*{
	margin: 0;
	padding: 0;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	font-size: 100%;
	font-style: normal;
	line-height: 1.75;
	color: #333;
	list-style: none;
}

body{
	font-size: 12px;
	line-height: 1.6;
	background: #fff;
}

*:first-child+html body{font-size: 75%;}/* for IE7 */

* html body{font-size: 75%;}/* for IE5-6 */

ul, ol {
	list-style: none;
}

img {
	border: 0px;
	vertical-align:bottom;
}

table {
	border: 0px none #000;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
}



/* ==================================================
	=リンク
================================================== */

a {
	text-decoration: underline;
}

a:link {
	color:#3366CC;
	text-decoration: underline;
}

a:visited {
	color:#333;
}

a:hover {
	color:#94CB10;
}


/* ==================================================
	=基本構造
================================================== */

div#Wrapper {
	width: 940px;
	/*border-top: 5px solid #94CB10;*/
	margin: 0px auto;
}

#headerGroup{
	background:#004831;
	border-bottom:5px solid #c4d700;
}
#headerGroup ul{
	display:table;
	width:940px;
	table-layout:fixed;
	margin: 0 auto;
	padding:12px 19px;
}
#headerGroup ul >li{
	display:table-cell;
	vertical-align:middle;
}
#headerGroup ul >li img{
	vertical-align:middle;
}
.headerGroupLeft{
	text-align:left;
}
.headerGroupRight{
	text-align:right;
}


div#Wrapper div#header {
	border-bottom: 1px solid #94CB10;
	padding: 14px 0;
}

div#Wrapper div#header .logo {
	float: left;
  /*padding: 10px 0;*/
}

div#Wrapper div#header img#siteTitle {
	float: right;
	margin: 8px 0 6px 0;
}


div#Wrapper div#footer {
	border-top: 1px solid #94CB10;
	margin-top: 15px;
	padding: 20px 0;
}

p#pagetop {
	text-align: right;
	width: 100%
	padding: 30px;
}


/* ==================================================
	=マイページ
================================================== */

div#Wrapper div#mypagemainarea {
	margin: 40px 0 30px 0;
}


div#Wrapper div#mypagemainarea div#mypageleftarea {
	float: left;
	width: 220px;
}

div#Wrapper div#mypagemainarea div#mypageleftarea div#usrname {
	width: 220px;
	height: 50px;
	border-top: 3px solid #94CB10;
}

div#Wrapper div#mypagemainarea div#mypageleftarea div#usrname p {
	padding: 15px 0 0 0;
	font-weight: bold;
}

div#Wrapper div#mypagemainarea div#mypageleftarea ul {
}

div#Wrapper div#mypagemainarea div#mypageleftarea ul li {
	margin-bottom: 1px;
}

div#Wrapper div#mypagemainarea div#mypageleftarea ul li.backtotop {
	margin-top: 20px;
}


div#Wrapper div#mypagerightarea {
	float: right;
	width: 690px;
}