@import url("reset-min.css");
@import url("fonts-min.css");
@import url("simple.css");

label.NoRate
{
	color: #ff0000;
}
textarea.Long
{
	width: 700px;
	height: 100px;
	overflow: auto;
}

textarea.Middle
{
	width: 520px;
	height: 100px;
	overflow: auto;
}

div.sepLine {
	height: 10px;
	border-bottom: 1px dashed #cccccc;
}

div.solidLine 
{
	clear:both;
	height: 10px;
	border-bottom: 2px solid #cccccc;
}

.Button, .ImportantButton
{
	padding-left: 5px;
	padding-right: 5px;
	height: 30px;
	width: 120px;
	border: 1px solid #999;
	background-color: #f1f1f1;
	color: #444444;
	text-align: center;
	background: #ecece3 url(../images/common/background.jpg) left center;
}
.ImportantButton
{
	background-color: #d0ffd0;
}

.ButtonMini
{
	padding-left: 5px;
	padding-right: 5px;
	height: 20px;
	border: 1px solid #999;
	background-color: #f1f1f1;
	color: #444444;
	background: #ecece3 url(../images/common/background.jpg) left center;
}

.ButtonNutral
{
	padding-left: 5px;
	padding-right: 5px;
	height: 25px;
	width:80px;
	border: 1px solid #999;
	background-color: #f1f1f1;
	color: #444444;
	background: #ecece3 url(../images/common/background.jpg) left center;
}

.Button:hover, .ImportantButton:hover, .ButtonMini:hover ,.ButtonNutral:hover
{
	background-color: #98d5fc;
	border-color: #406fac;
}

input.Long{
	width: 400px;
}
input.Middle{
	width: 150px;
}
input.Short{
	width: 50px;
}

/**
 * メインのラッパー
 *
 */
#mainWrapper
{
	width: 760px;
	margin: 0 auto;
	background-color: #fff;
}

#ErroPageWrapper
{
	width: 500px;
	margin: 20px auto;
	background-color: #fff;
}
/**
 * ヘッダー
 *
 */
#Header
{
	background-color: #ffffff;
	float: left;
	width:inherit;
	height:90px;
}
#Header h1#Logo
{
	margin: 10px 0px 5px 10px;
	float: left;
}
#Header h1 a
{
	text-decoration: none;
	color: #fff;
}
#Header #Logout
{
	margin: 5px 10px 5px 10px;
	float: right;
}
#Logout input
{
	width: 120px;
	height: 36px;
	margin-top: 2px;
}


/**
 * グローバルメニュー
 *
 */
#GlobalMenu
{
	clear: both;
	margin-bottom: 10px;
	background-color: #96bc69;
	font-weight: bold;
	font-size:12px;
	color: #003399;
	float: left;
	width: 100%;
	background: url(../images/common/globalmenu_bg.jpg) repeat-x 0px;
}
#GlobalMenu ul
{
	list-style: none;
}
#GlobalMenu ul li
{
	display: inline;	
}
#GlobalMenu a
{
	text-decoration: none;
	color: white;
	display: block;
	float: left;
	padding: 7px 11px;
	width: 167px;
	text-align: center;
	border-right:solid 1px;
}
#GlobalMenu a:hover
{
	color: #fff;
	background: url(../images/common/globalmenu_bg_hover.jpg) repeat-x 0px; /*background-color: #d02b14;*/
}
#GlobalMenu a#current
{
	color: #fff;
	background: url(../images/common/globalmenu_bg_hover.jpg) repeat-x 0px; /*background-color: #4a7a2a;*/
}

/**
 * トップページメニュー
 *
 */
#TopMenu
{
	clear: both;
	margin-bottom: 10px;
	background-color: #96bc69;
	font-weight: bold;
	font-size:12px;
	color: #003399;
	float: left;
	width: 100%;
	background: url(../images/common/globalmenu_bg.jpg) repeat-x 0px;
}
#TopMenu ul
{
	list-style: none;
}
#TopMenu ul li
{
	display: inline;	
}
#TopMenu a
{
	text-decoration: none;
	color: white;
	display: block;
	float: left;
	padding: 7px 5px;
	width: 115px;
	text-align: center;
	border-right:solid 1px;
}
#TopMenu a:hover
{
	color: #fff;
	background: url(../images/common/globalmenu_bg_hover.jpg) repeat-x 0px; /*background-color: #d02b14;*/
}
#TopMenu a#current
{
	color: #fff;
	background: url(../images/common/globalmenu_bg_hover.jpg) repeat-x 0px; /*background-color: #4a7a2a;*/
}

/**
 * コンテンツ
 *
 */
#BoxAlpha
{
	margin: 0px 10px;
	padding-top: 10px;
	padding-bottom: 30px;
	clear: both;
	background-color: #fff;
	min-height: 400px;
	/*position:relative;*/
}

#BoxAlpha .Body
{
	padding: 10px 0px 15px 10px;
	line-height: 120%;
}

#BoxAlpha h2
{
	background: url(../images/common/h2_bg.jpg) repeat-x 0px;
	border: 1px solid #E3DFDF;
	border-left: 5px solid #F69B1A;
	color: #0069b5;
	padding: 6px 10px;
	font-weight: bold;
}

#BoxAlpha h3
{
	margin-top: 1px;
	padding: 3px 0px 0px 3px;
}
#BoxAlpha h3 span
{
	display: block;
	padding-left: 3px;
}

#BoxAlpha h3 strong
{
	font-weight: bold;
}

#BoxAlpha .H3Body
{
	padding: 5px 0px 5px 10px;
}

#BoxAlpha h4
{
	color: #0069b5;
	border-bottom: 1px solid #cfdfdf;
	font-weight: bold;
}
#BoxAlpha h4 span
{
	display: block;
	padding-left: 15px;
}
#BoxAlpha .H4Body
{
	padding: 5px 0px 5px 10px;
}

#BoxAlpha .H5Body
{
	padding: 5px 0px 0px 0px;
}

#BoxAlpha th, #BoxAlpha td
{
	padding: 3px 5px;
	line-height: 110%;
}

/**
 * コンテンツ(PopUp Calendar対応)
 *
 */
#BoxAlphaCl
{
	margin: 0px 10px;
	padding-top: 10px;
	padding-bottom: 30px;
	clear: both;
	background-color: #fff;
	min-height: 400px;
}

#BoxAlphaCl .Body
{
	padding: 10px 0px 15px 10px;
	line-height: 120%;
}

#BoxAlphaCl h2
{
	background: url(../images/common/h2_bg.jpg) repeat-x 0px;
	border: 1px solid #E3DFDF;
	border-left: 5px solid #F69B1A;
	color: #0069b5;
	padding: 6px 10px;
	font-weight: bold;
}

#BoxAlphaCl h3
{
	margin-top: 1px;
	padding: 3px 0px 0px 3px;
}
#BoxAlphaCl h3 span
{
	display: block;
	padding-left: 3px;
}

#BoxAlphaCl h3 strong
{
	font-weight: bold;
}

#BoxAlphaCl .H3Body
{
	padding: 5px 0px 5px 10px;
}

#BoxAlphaCl h4
{
	color: #0069b5;
	border-bottom: 1px solid #cfdfdf;
	font-weight: bold;
}
#BoxAlphaCl h4 span
{
	display: block;
	padding-left: 15px;
}
#BoxAlphaCl .H4Body
{
	padding: 5px 0px 5px 10px;
}

#BoxAlphaCl .H5Body
{
	padding: 5px 0px 0px 0px;
}

#BoxAlphaCl th, #BoxAlphaCl td
{
	line-height: 110%;
}

/**
 * TOPページ用
 *
 */
#TopBox
{
	width:760px;
	background-color:#E6E6FA;
}

.SolidLine
{
	width:760px;
	height:3px;
	background:url(../images/common/topmenu_line.jpg) repeat-x;
}

.LineShadowTop
{
	width:760px;
	height:8px;
	background:url(../images/common/topmenu_shadow_top.jpg) repeat-x;
}

.LineShadowBottom
{
	width:760px;
	height:8px;
	background:url(../images/common/topmenu_shadow_bottom.jpg) repeat-x;
}

#TopLeftBox
{
	float:left;
	width:450px;
	padding: 0px 9px;	
}

#TopLeftBox img
{
	/*padding-top:5px;*/
	padding-left:5px;
}

#TopLeftBox .TopImage
{	
	margin-left:10px;
	margin-top:35px;
	/*padding-left:20px;*/
}

#TopLeftBox p
{
	font-weight: bold;
	padding-left:20px;
	color: #ff6633;
	/*padding-bottom:5px;*/
}

#TopRightBox
{
	float:right;
	width:290px;
}

#TopRightBox ul
{
	padding:0px 0px 1px 0px;
}

#TopRightBox li
{
	/*padding-left:10px;*/
	border-Top:solid 1px #fff;
	/*display:inline;*/
	/*color:#fff;*/
}

#TopRightBox a
{
	height:70px;
	width:285px;
	display:block;
	background:url(../images/common/topmenu_bg.jpg) repeat-x;
	text-decoration:none;
	padding-left:5px;
	font-size:18px;
	font-weight:bold;
	color:#fff;
}

#TopRightBox a:hover
{	
	color:#D02B14;
	background-color:White;
	background-image:none;
}

#TopRightBox a span
{	
	font-size:12px;
	font-weight:normal;
	color:#000000;
	padding-left:10px;
}

/**
*　TOP画面サブタイトル
*
*/
#SubTitle
{
	clear: both;
	padding: 5px 20px 5px;
	color: #ff6633;
}

#SubTitle h2
{
	font-weight: bold;
	font-size: 14pt;
}

/**
*　一押し画像用
*
*/
#TodayRecommend
{
	padding: 10px 20px;
	color: #ff6633;
	float: left;
}
#TodayRecommend p
{
	font-weight: bold;
	padding-bottom: 10px;
}
#TodayRecommend img
{
	float: left;
	padding-right: 10px;
}

/**
 * コンテンツ
 *
 */

#LeftBox
{
	margin-left:10px;
	width: 545px;
	float:left;
	background-color: #fff;
	min-height: 400px;
}

#LeftBox .Body
{
	padding: 15px 0px 25px 10px;
	line-height: 150%;
}

#LeftBox h2
{
	background-image: url(../images/common/h2_bg.jpg);
	border: 1px solid #E3DFDF;
	color: #0069b5;
	padding: 6px 10px;
	font-weight: bold;
}

#LeftBox h3
{
	margin-top: 1px;
	padding: 3px 0px 0px 3px;
}
#LeftBox h3 span
{
	display: block;
	padding-left: 3px;
}

#LeftBox h4
{
	color: #0069b5;
	border-bottom: 1px solid #cfdfdf;
	font-weight: bold;
}
#LeftBox h4 span
{
	display: block;
	padding-left: 15px;
}

/**
 * コンテンツ
 *
 */
#RightBox
{
	float:right;
	margin-right:10px;
	padding:0px 5px;
	min-width: 160px;
	border: solid 1px #E3DFDF;
}

#RightBox .menuItem
{
	margin:10px 0px;
}

#RightBox2
{
	float:right;
	margin-right:5px;
	margin-top:5px;
	width: 155px;	
	border-left:solid 1px #B0C4DE;
	/*position:absolute;
	top:30px;
	left:560px;*/
}

/**
*　ページタイトル用
*
*/
#PageTitle
{
	margin:0px 0px;
	clear: both;
	/*color: #ff6633;*/
	color: #ff8000;
	text-align: center;
}

#PageTitle h1
{
	font-weight: bold;
	font-size: 22pt;
}

/**
 * ページ内メニュー
 *
 */
#PageMenu
{
	margin:10px 0px;
}

#PageMenu h2
{
	background-image: url(../images/common/h2_bg.jpg);
	border: 1px solid #E3DFDF;
	border-left: 5px solid #F69B1A;
	color: #0069b5;
	padding: 6px 10px;
	font-weight: bold;
}

/**
 * コンテンツ
 *
 */
#MsgBox
{	
	clear: both;
	background-color: #fff;
	width:545px;
	margin-top:10px;
	/*margin-left:10px;*/
	/*padding-left:5px;*/
	/*padding-right:5px;*/
	/*border:solid 1px #cfdfdf;*/
}

#MsgBox h2
{
	background: url(../images/common/h2_bg.jpg) repeat-x 0px;
	border: 1px solid #E3DFDF;
	color: #0069b5;
	padding: 6px 10px;
	font-weight: bold;
}

.dlhr
{
	border-style:dotted;
	border-color:#D3D3D3;
}

.dt
{
	font-weight: bold;
}

#MsgBox Table
{	
	border-collapse:collapse;
	border:none;
}

#MsgBox td 
{
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px dotted #777777;
	padding:10px 0px;
}

/**
 * GridViewスクロール
 *
 */
/*.Freezing
{
	position:relative;
	top:express(this.offsetParent.scrollTop);
	z-index:10;
}*/

/**
 * テーブル
 *
 */
.BasicTable
{
	border-collapse: separate;
	border-spacing: 1px;
	background-color: #bbbbbb;
}

.BasicTable th{
	color: #000;
	background-color: #f8d98a;
	padding: 5px;
	line-height: 110%;
}

.BasicTable td {
	background-color: #ffffee;	
	padding: 5px;
	line-height: 110%;
}

.EntryTable th{
	width:100px;
}

.EntryTable td{
	width:410px;
}

/**
* 画像管理メンテナンス領域
*/
#MaintenanceArea
{
	margin:20px 10px;
}

.PictureTable{
	margin:15px 0px;
	border-collapse:collapse;
	border:none;
}

.PictureTable th{
	width:110px;
	text-align: center;
	color:#3366CC;
	border-top:1px solid #777777;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #777777;
	padding:5px 0px;
}

.PictureTable td {
	width:390px;
	line-height: 110%;
	border-top:1px solid #777777;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #777777;
	padding:5px 0px;
}

textarea.comment
{
	width: 380px;
	height: 100px;
	overflow: auto;
}

input.fileMiddle{
	width: 380px;
}

/**
 * ASP.NETコントロール：LinkButton用スタイル
 * （適用するためにはクラスで定義する必要有）
 */
.LinkButton
{
	margin-right:5px;
	font-size:15px;
}

.LinkButton:hover
{
	color:Red;
}

/**
 *Edit画面ボタン配置
 *
 */
#EditButtonBox
{
	margin-top:20px;
	float:right;
}

/**
 * 年間カレンダー用
 * （適用するためにはクラスで定義する必要有）
 */
.CalendarLinkLarge
{
	font-size:15px;
	margin-right:10px;	
}

.CalendarLinkLarge:hover
{
	color:Red;
}

.CalendarLink:hover
{
	color:Red;
}

.CalendarLinkEvent
{
	text-decoration:none;
	width:117px;
	padding-left:3px;
}

.CalendarLinkEvent:hover
{
	color:Red;
}

/*旭オリジナル商品トップ用*/
.CbCheck:hover
{
	color:Red;
}

/*POP一覧用*/
.DlList table
{
	border-collapse: separate;
	border-spacing: 1px;
	background-color: #bbbbbb;
}

.DlList tr
{	
}

.DlList td
{
	border-top:1px dotted #777777;
	border-bottom:1px dotted #777777;
}

.GridTable td, .GridTable th
{
	padding:3px 5px;
}

input.big
{
	width:23px;
	height:23px;
	border-width:1px;
}