@charset "utf-8";
/*
Copyright (c) 2009, Coach Todo.com. All rights reserved.
http://coarchtodo.com
========================================================
top.css
========================================================
keyColor :#bc9c68 (gold);
		  #cccccc (silver);

*/


#fla{width:940px; height:400px; position:absolute; top:180px; left:0; margin-top:-20px; background-color:#000;}





/**
 * base
 */
html,body				{height:100%;}
body					{
						 background:#000 url(../images/background.gif) repeat-y top left;
						 font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
						 line-height:1.9!important;
						}
#container				{width:940px; height:100%; min-height:100%; padding:40px 0 0 40px; position:relative;}


/* base link color */
a:link,
a:visited	{color:#bc9c68; text-decoration:none;}
a:hover		{color:#ccc; text-decoration:underline;}


/**
 * header
 */
#header #logo a		{/*background:transparent url(../images/logo.gif) no-repeat top left; text-indent:-9999px;*/ width:373px; height:70px; overflow:hidden; margin:0 0 10px 0; display:block; overflow:hidden;}
#header #description{float:left; width:170px; height:25px; margin:0 50px 0 0; _margin-right:47px; background:transparent url(../images/description.gif) no-repeat top left; text-indent:-9999px; overflow:hidden; display:block;}
#header ul			{margin-top:18px;}
#header li			{_height:10px; font-size:1px;}
#header li a		{height:10px; background-position:0 0; background-repeat:no-repeat; display:block; text-indent:-9999px; overflow:hidden;}
#header li a:hover	{background-position:0 -10px;}
#header #rss a		{background-image:url(../images/rss.gif); width:40px;}
#header #root a		{background-image:url(../images/root.gif); width:105px;}


/**
 * footer
 */
#footer					{width:765px; height:100px; padding:10px 0; position:absolute; top:630px;}
#footer #copyright		{position:absolute; left:0; background:transparent url(../images/copyright.gif) no-repeat top left; width:178px; height:15px; text-indent:-9999px; overflow:hidden;}
#footer #pageTop		{position:absolute; right:0; width:75px;}
#footer #pageTop a		{background:transparent url(../images/pageTop.gif) no-repeat top left; width:75px; height:15px; display:block; text-indent:-9999px; overflow:hidden;}
#footer #pageTop a:hover{background-position:0 -15px;}


/**
 * clearfix
 */
#header:after,
#contents:after,
#mainCol .navigation:after,
.clearfix:after{content:"."; display:block; visibility:hidden; height:0.1px;	font-size:0.1em; line-height:0; clear:both;}
#header,
#contents,
#mainCol .navigation,
.clearfix{zoom:1;}

/**
 * iphone
 */
#iphone{background:none; width:320px; padding:0!important; margin:0!important;}
#iphone #container{width:320px!important; margin:0!important; padding:0!important; overflow:hidden; height:auto; position:relative;}
#iphone #fla{width:100%; position:static; margin-top:10px; height:auto;}
#iphone #fla #mainImage img{width:320px;}
#iphone #fla li{color:#fff; display:block; float:none; text-indent:0;}
#iphone #mainNavi{}
#iphone #mainNavi li{width:100%; border-bottom:1px solid #fff; background:url(../images/iphoneArrow.gif) no-repeat 97% 50%;}
#iphone #mainNavi li a{color:#fff; font-size:20px; font-weight:bold; display:block; display:block; line-height:1.4; padding:5px 10px; width:300px;}
#iphone #mainNavi li a:hover{color:#BC9C68;}
#iphone #mainNavi li a span{font-size:12px; display:block;}
#iphone #footer{width:100%; position:static;}
#iphone #header{width:100%; position:static;}
#iphone #header #logo{padding-left:10px; padding-top:20px; height:65px;}
#iphone #header #logo img{width:300px;}
#iphone #header #description{margin:0 0 0 10px!important; float:left;}
#iphone #header ul{margin-top:7px; float:right; padding-right:10px; }
#iphone #copyright{padding-left:10px; position:static!important;}
#iphone #pageTop{display:none;}
/**
 * greeting
 */
.greetingTitle{margin-left:-20px!important;}
h2.first{margin-top:0!important;}