@charset "UTF-8";


/*------------------------------------------------------------------------------------------------------------
# 初期設定
------------------------------------------------------------------------------------------------------------*/
body{
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: /*Arial, Helvetica, */"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 75%;
	color: #595959;
	background-color: #ffffff;
}

/* 2014.08追加 */
.win body{
	letter-spacing: 1px;
}


/*ブラウザの互換性をリセット
--------------------------------------------*/
h1,h2,h3,h4,h5,h6,p,ul,dl,dt,dd,table,th,td{
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-style: normal;
}

/*clearfix設定
--------------------------------------------*/
.clearfix:after{
	content: ".";
	display: block;
	height: 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 */



/*------------------------------------------------------------------------------------------------------------
# 共通エリア
------------------------------------------------------------------------------------------------------------*/
#wrapper{
	width: 980px;
	margin: 0 auto;
	padding: 0;	
	background: url(../common/bg.jpg) center top repeat;
	text-align: center;					/* IE5.xバグ対策 */
}

/*ヘッダー
--------------------------------------------*/
#header{
	width: 980px;
	height: 250px;
	margin: 0 auto;
	padding: 0;
	background: url(../common/bg_header.jpg) 0 0 no-repeat;
	text-align: left;					/* IE5.xバグ対策 */
}

/*ロゴ
--------------------------------------------*/
#logo {
	width: 212px;
	height: 50px;
	margin: 0;
	padding: 200px 0 0 160px;
}

#logo h1 {
	display: inline;
	float: left;
	width: 212px;
	height: 50px;
	text-indent: -9999px;
}

#logo h1 a {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding:0;
	background: url(../common/logo.gif) 0 0 no-repeat;
	text-decoration: none;
	outline: none;
	/*\*/
	overflow: hidden;
	/**/
}

/*コンテンツ枠
--------------------------------------------*/
#container{
	width: 660px;
	margin: 0 auto;
	padding: 0;							/* marginで指定するとMac Safariで反映されない */
	text-align: left;					/* IE5.xバグ対策 */
}

/*グローバルメニュー
--------------------------------------------*/
#globalNavBox{
	width: 660px;
	margin: 40px 0 0 0;
	padding: 0;
}

#globalNavBox li{
	float: left;
	list-style: none;
	margin:0;
	padding:0;
}

#globalNavBox a{
	display: block;
	margin:0;
	padding:0;
	height: 39px;
	text-decoration: none;
	/*\*/
	overflow: hidden;
	/**/
}

#globalNavBox span{					/* IE5対策 */
	display: block;
	text-indent: -9999px;
	/*\*/
	width:0;
	height:0;
	overflow: hidden;
	position: absolute;
	/**/
}

#portfolio a{
	width: 115px;
	height: 39px;
	background: url(../common/menu_portfolio.gif) 0 0 no-repeat;
}

#download a{
	width: 130px;
	height: 39px;
	background: url(../common/menu_download.gif) 0 0 no-repeat;
}

#profile a{
	width: 130px;
	height: 39px;
	background: url(../common/menu_profile.gif) 0 0 no-repeat;
}

#blog a{
	width: 110px;
	height: 39px;
	background: url(../common/menu_blog.gif) 0 0 no-repeat;
}

#link a{
	width: 110px;
	height: 39px;
	background: url(../common/menu_link.gif) 0 0 no-repeat;
}

#mail a{
	width: 65px;
	height: 39px;
	background: url(../common/menu_mail.gif) 0 0 no-repeat;
}

#portfolio a:hover,
#card a:hover,
#download a:hover,
#profile a:hover,
#blog a:hover,
#link a:hover,
#mail a:hover{
	background-position: 0px -39px;
}


/*フッター
--------------------------------------------*/
#footer{
	clear: both;
	width: 980px;
	height: 250px;
	margin: 0 auto;
	padding: 0;
	background: url(../common/bg_footer.jpg) 0 0 no-repeat;
}

#footer p{
	display: block;
	text-indent: -9999px;
	/*\*/
	width:0;
	height:0;
	overflow: hidden;
	position: absolute;
	/**/
}


/*その他
--------------------------------------------*/
img{
	border: 0;
}

hr{
	display:none;
}

a{
	outline: none;
}



/*リンク
--------------------------------------------*/
a:link{
	color:#595959;
	text-decoration:underline;
}

a:visited{
	color:#595959;
	text-decoration:underline;
}

a:active{
	color:#595959;
	text-decoration:none;
}

a:hover{
	color:#ed145b;
	text-decoration:none;
}


/*テキストリンク（背景色あり）
--------------------------------------------*/
a.textLink:link {
	color:#595959;
	text-decoration:underline;
}

a.textLink:visited{
	color:#595959;
	text-decoration:underline;
}

a.textLink:active{
	color:#ed145b;
	text-decoration:none;
}

a.textLink:hover{
	color:#ed145b;
	text-decoration:none;
}



/*お知らせ
--------------------------------------------*/
.mainteBox{
	width:630px;
	margin: 0 auto;
	padding: 0;
	border: 1px solid #e60012;
}

.mainteBoxText{
	color:#e60012;
	margin: 0;
	padding:10px;
	line-height: 1.5em;
}