/* --------------------------------------------------------------------
    form(common)
-------------------------------------------------------------------- */
.formlist_
    {
    border-collapse: collapse;
    margin: 0 auto;
    }
.formlist_ th
/* okada 継承元変更
    {
    border:solid 1px #ffffff;
    border-bottom:solid 1px #006600;
    font-weight:normal;
    line-height:15px;
    padding:4px;
    color:#333333;
    background-color:#FFFFFF;
    white-space: nowrap;
    }
*/
    {
    border:solid 1px #ffffff;
    border-bottom:solid 1px #FFFFFF;
    font-weight:normal;
    line-height:15px;
    padding:4px;
    color:#ffffff;
    background-color:#006600;
    white-space: nowrap;
    }

.formlist_ td
    {
    border-bottom:solid 1px #B3B3B3;
    font-weight:normal;
    line-height:15px;
    padding:8px;
    color:#000000;
    background-color:#FFFFFF;
    }

.formlist_ .line0_
    {
    background-color:#F3F3F3;
    }
.formlist_ .line1_
    {
    background-color:#FFFFFF;
    }

.formdetail_
    {
    border-collapse:collapse; margin:0 auto;
    }
.formdetail_ th
/* okada 継承元変更
    {
    border-bottom:solid 1px #FFFFFF; font-weight:normal; line-height:15px;
    padding:4px; color:#333333; background-color:#FFFFFF; white-space:nowrap;
    }
*/
    {
    border-bottom:solid 1px #FFFFFF; font-weight:normal; line-height:15px;
    padding:4px; color:#FFFFFF; background-color:#006600; white-space:nowrap;
    }

.formdetail_ td
    {
    border-bottom:solid 1px #B3B3B3; font-weight:normal; line-height:15px;
    padding:4px; color:#000000; background-color:#FFFFFF;
    }

.formsublist_
    {
    border-collapse: collapse;
    }
.formsublist_ th
    {
    border:solid 1px #999999;
    background-color:#cccccc;
    color:#000000;
    font-weight:normal;
    white-space: nowrap;
    }
.formsublist_ td
    {
    border:solid 1px #999999;
    background-color:#FFFFFF;
    color:#000000;
    font-weight:normal;
    }

/* --------------------------------------------------------------------
    common
-------------------------------------------------------------------- */

/* 共通エレメント */
body{
    font-size:12px; 
    color:#666666;
    background-color:#ffffff;
    margin:0;
    padding:0;
    text-align:center;
}

td, th{
    font-size:12px;
}

h1,h2,h3,h4,h5,h6,p,ul{
    margin-top:0;
    margin-left:0;
    margin-right:0;
    margin-bottom:0;
    padding:0;
    font-size: 12px;
    font-weight: normal;
}

#header a {
        text-indent: -9999px;
        display: block;
        background: transparent url(../img/basic/top_left.gif) no-repeat;
        width: 468px;
        height: 33px;
        margin: 2px;
	/*\*/
	overflow: hidden;
	/**/
}

img{
    border-width: 0; 
    vertical-align:middle;
}



/*以下、フォーム設定*/
form{ 
    margin: 0; 
    padding: 0; 
}
input[type="text"], [type="password"] {
	background-color: #FFFFFF;
	border: 1px solid #b8b8b8;
	padding: 3px;
}
input:focus {
	background-color: #FFFFED;
}



hr
{ 
    height: 1px; 
    color: #006600; 
    margin: 8px auto;
    border-style: dotted;
}



/*ベースフォントサイズ-winIE以外のブラウザへの設定*/
html>body #body, html>body td, html>body th{
    font-size:12px;
}

#body{
    width:830px;
    margin-left:auto;
    margin-right:auto;
    padding:0;
    text-align:left;
    background-color: #ffffff;
}

table.baseframe_{

    width: 100%;
    padding:0px;
    margin:0px;
    border-collapse: collapse; 
}
td.leftmenuframe_{
    width:200px;
    padding: 0 10px;
    vertical-align:top;
    background-color:#ffffff;
}
td.mainframe_{
    width:600px;
    padding: 0 10px;
    vertical-align:top;
}

/* new 共通エレメント(リンク) */
a:link      {color:#0000cc; text-decoration: none;}
a:visited   {color:#000099; text-decoration: none;}
a:active    {color:#0000ff; text-decoration: none;}
a:hover     {color:#FF3333; text-decoration: none;}

/* 共通クラス(インライン汎用) */
.large_     { font-size:14px; }
.normal_    { font-size:12px; line-height:15px; }
.small_     { font-size:10.5px; line-height:12px; }
.xsmall_    { font-size:9px; line-height:12px; }

/* new 共通クラス(特定メッセージ インライン) */
.error_     {color:#cc0000; font-weight:bold; font-size:1.2em;}
.notice_    {color:#CC3300; font-weight:bold; font-size:12px;}
.info_      {color:#666666; font-weight:bold; font-size:12px;}

/* new 共通クラス(特定メッセージ ブロック) */
div.error_, table.error_    {background-color:#efefef; border:solid 1px #FF0099; padding:8px; margin:4px auto; text-align:left; }
div.notice_,table.notice_   {background-color:#ffffff; border:solid 1px #996666; padding:8px; margin:4px auto; text-align:left; }
div.info_,  table.info_     {background-color:#efefef; border:solid 1px #666666; padding:8px; margin:4px auto; text-align:left; }
ul.error_                   {margin-left: 16px;}
/*
div.info_ ul    { margin: 8px 32px; }
*/

/* new 共通クラス(ブロック) */
.submit_
    { margin: 16px auto; text-align: center; }
.submit_ input, .submit_ img
    { margin: 0px 16px; vertical-align: middle; }
.loginname_
    { font-size: 12px; font-weight: bold; letter-spacing: 2px; margin-bottom: 8px; padding: 0 40px; }
.message_
    { font-size: 12px; }
.mypoint_
    { margin-bottom: 8px; padding: 0 40px; }

/* new 共通クラス(その他) */
.hidden_            { visibility: hidden; } /* spacer */
.nocell_            { border:none ! important; background-color:transparent ! important;  }
table.spandual_     { border:none; background-color:transparent; width:100%; }  /* table layout */
.hiddenEnter_       { visibility:hidden; width:0; height:0; }

/* 価格表示 */
.price_pop_     {color:#333333; font-size:12px; }
.price_         {color:#333333; font-size:16px; font-weight:bold;}
/* 2006.10.30 [okada] 追加 */
.salesprice_    {color:#CC0000; font-size:1.0em; font-weight:bold;}

/* 商品名・カテゴリ名タイトル */
h1.goods_name_      {margin:4px 0px 4px 0px; padding:0; color:#333333; font-weight:bold; font-size:18px;border-bottom: solid 1px #006600; }
h2.goods_name_      {margin:4px 0px 4px 0px; padding:0; color:#333333; font-weight:bold; font-size:18px;border-bottom: solid 1px #006600; }
h1.photo_name_      {margin:4px 0px 4px 0px; padding:0; color:#333333; font-weight:bold; font-size:18px;border-bottom: solid 1px #006600; }

h1.category_name_ {
        margin: 0;
		padding: 0;
		color:#333333;
		font-size:18px;
		font-weight:bold;
		font-style: normal;
		font-variant: normal;
		text-transform: none;
}

h2.category_name_ {
        margin: 0;
		padding: 0;
		color:#333333;
		font-size:17px;
		font-weight:bold;
		font-style: normal;
		font-variant: normal;
		text-transform: none;
}

h3.category_name_ {
        margin: 0;
		padding: 0;
		color:#333333;
		font-size:16px;
		font-weight:bold;
		font-style: normal;
		font-variant: normal;
		text-transform: none;
}

/* イベントへのリンク */
.event_title_       {margin:8px 0px;}
.event_title_ span  {font-size: 14px;font-weight:bold}

/* シャンルページ関連 */
.genre_title_ { display: none;}
.genre_tree_ { display: none;}

/* --------------------------------------------------------------------
    navigation(common)
-------------------------------------------------------------------- */

/* パンくずナビゲーション */
.navigation_            {margin-bottom: 8px; font-size: 12px;}
.navigation_ a:link     {text-decoration:none;}
.navigation_ a:visited  {text-decoration:none;}
.navigation_ a:hover    {text-decoration:underline;}
.navigation_ a:active   {text-decoration:underline;}

/* ページジャンプ */
.navipage_              {color:#666666; font-size:12px; text-align:right; padding:2px;}
.navipage_now_          {color:#ff6666; font-weight:bold; text-decoration:none; margin:2px 2px 2px 2px;}
.navipage_ a            {font-weight:bold; margin:2px 2px 2px 2px;}
.navipage_ a:link       {color:#3366ff; text-decoration:underline;}
.navipage_ a:visited    {color:#3366ff; text-decoration:underline;}
.navipage_ a:hover      {color:#ff0000; text-decoration:underline;}
.navipage_ a:active     {color:#ff0000; text-decoration:underline;}
.navipage_ img          {margin:auto;border:none;vertical-align:middle; }


/* 並び替え */
.navisort_              {color:#666666; font-size:10.5px; text-align:right; padding:2px;}
.navisort_now_          {color:#ff6666; text-decoration:none; margin:2px 4px 2px 4px;}
.navisort_ a            {margin:2px 4px 2px 4px;}
.navisort_ a:link       {color:#000088; text-decoration:none;}
.navisort_ a:visited    {color:#000088; text-decoration:none;}
.navisort_ a:hover      {color:#000088; text-decoration:none;}
.navisort_ a:active     {color:#ff0000; text-decoration:none;}

/* 表示切替 */
.navistyle_             {color:#666666; font-size:10.5px; text-align:right;}
.navistyle_now_         {color:#ff6666; text-decoration:none; margin:2px 2px 2px 2px;}
.navistyle_ a           {margin:2px 2px 2px 2px;}
.navistyle_ a:link      {color:#000088; text-decoration:none;}
.navistyle_ a:visited   {color:#000088; text-decoration:none;}
.navistyle_ a:hover     {color:#000088; text-decoration:none;}
.navistyle_ a:active    {color:#ff0000; text-decoration:none;}

/* --------------------------------------------------------------------
    trace
-------------------------------------------------------------------- */

/* for Trace */
.tracecontent  {text-align:left; background-color:#FFCCFF;}
#__asptrace  {text-align:left; background-color:#FFFFFF;}
span.tracecontent tr.subhead { background-color:#cccccc;}
span.tracecontent tr.alt { background-color:#eeeeee }

/* ■2006.08.25 [okada] 追加 */
div.box                     {width:100%; border-bottom:solid 3px #006600;}
td.smallline1               {background-color:#f3f3f3;}

/* トップボックス */
#top_box {
        width: 100%; 
        border-top: 1px solid #666666;
        border-bottom: 1px solid #666666;
        }
h1.top_title {
        margin:15px 0px 4px 0px;
        padding:0;
        color:#666666;
        font-weight:bold;
        font-size:27px;
        font-family: "Lucida Grande","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
        }
h2.top_title {
        margin:4px 0px 25px 4px;
        padding:0;
        color:#666666;
        font-weight:bold;
        font-size:20px;
        font-family: "Lucida Grande","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
        }



/*  フットインフォメーション関連 */

#footinfo table {
	width: 100%;
}
#footinfo td {
	font-size: 1.0em;
	width: 50%;
	line-height:1.5em;

}
#footinfo td img {
	border: none;
}
#footinfo ul {
	margin: 0;
	padding: 0;
	list-style: none;
}



/* フッター設定 */
.foot_menu {
        width: 100%; 
        margin: 0;
        padding:0;
        border-top: 2px solid #006600;
        color:#666666;
        font-size:90%;
}

/* foot_menu ナビゲーション */
.foot_menu A:link           { color: #333333; text-decoration: none; background: none;}
.foot_menu A:link:hover     { color: #FF9900; text-decoration: none; background: none;}
.foot_menu A:link:active    { color: #FF9900; text-decoration: none; background: none;}

.foot_menu A:visited        { color: #333333; text-decoration: none; background: none;}
.foot_menu A:visited:hover  { color: #FF9900; text-decoration: none; background: none;}
.foot_menu A:visited:active { color: #FF9900; text-decoration: none; background: none;}


/* --------------------------------------------------------------------
    LoginForm
	2012.6.19 [Tanino] ログイン部分を追加
-------------------------------------------------------------------- */

div.login_ {
	clear: both;
	text-align: left;
	}
div.login_ table {
	margin: 0 auto;
	}
div.login_ div.loginform_ {
	width: 350px;
	padding: 5px;
	text-align: left;
	border: 3px solid #c0c0c0;
	background-color: #f3f3f3;
	line-height: 1.4;
	}
div.login_ div.guestform_ {
	width: 600px;
	padding: 20px;
	margin: 50px auto;
	border: 3px solid #c0c0c0;
	background-color: #f3f3f3;
	line-height: 1.4;
	}
div.login_ div.loginform_ input {
	width: 90%;
	}
div.login_ div.inputimage_ {
	padding: 3px;
	margin:10px auto;
	text-align:center;
	background-color: #d3d3d3;
	}
div.login_ div.loginform_ div.inputimage_ input {
	width: 135px;
	}

div.login_ div.loginform_ div.uid_
{margin:2px; font-weight:bold; }
div.login_ div.loginform_ div.pwd_
{margin:2px; font-weight:bold; }
div.login_ div.loginform_ span.guest_
{font-weight:bold; color: #990000; }
div.login_ div.askpass_
{margin:10px 5px; text-align:left; font-size:10px;}
div.login_ div.entry_
{margin:2px auto; text-align:center; font-size:10px;}
/*
div.login_ table .login_login_ .uid_
{width:70px;float:left;text-align:right;}
div.login_ table .login_login_ .pwd_
{width:70px;float:left;text-align:right;}
*/
div.login_ table.loginform_ th
{ text-align: right; }
div.login_ table.loginform_ td
{ text-align: left; }

div.login_foot {
	margin: 2em auto;
	padding: 1em;
	border: 3px solid #d3d3d3;
	width: 700px;
	line-height: 1.5;
	padding: 1;
	}
div.login_foot div.ssl {
	float: right;
	}
/* 2012.6.19 [Tanino] ログイン部分を追加 ここまで */


/* 2013.6.15 [Tanino] トップページのニュースの箱 */
div.toptopic {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
	background: linear-gradient(#fff, #f0f0f0);
	width: 95%;
	margin: 10px auto;
	padding:10px;
	font-size: 0.8em;
	line-height: 1.5;
	border: 1px solid #ccc;
	}

/* ソーシャルボタン回り */
#sns {
	margin-top: 5px;
	padding: 0;
}

/* ソーシャルボタン回り */
.SaleEndTime {
	font-weight: bold;
	font-size: 1.3em;
}

/* ページ下部送料無料部分 */
.ShipCost {
	border-radius: 10px; /* CSS3草案 */
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */
	-moz-border-radius: 6px; /* Firefox用 */ 
	border: 3px solid #060;
	color: #fff;
	background: #060;
	font-size: 14px;
	text-align: center;
	margin: 1em 0;
	padding: 4px;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	line-height: 1.5;
}

.piasuzukiBox {
  border:solid 5px #CC0;
  width:80%;
  margin:25px auto;
  border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
  padding:10px;
}