@charset "utf-8";
body{
	font-size:65%;	/* 10px相当 */
	font-family:"メイリオ","ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	line-height: 1.4em;
	word-break:break-all;
}

/* aタグの共通定義*/
a{
	text-decoration: none;
	color:#000;
}

/* フォント中 */
.font-middle{
	font-size:1.2em;
}

/* 左寄せ */
.left{
	text-align:left;
}

/* 中央 */
.center{
	text-align:center;
}

/* 右寄せ */
.right{
	text-align:right;
}
/* 色定義 赤 */
.red{
	color:#E60012;
}
/* 色定義 青 */
.blue{
	color:#0075C2;
}

/* 文字装飾 強調 */
.bold {
	font-weight: bold;
}

/* 視覚的に操作できることが分かるように(ラジオボタン) */
input[type=radio] {
	cursor: pointer;
}

/* 視覚的に操作できることが分かるように(セレクトボックス) */
select {
	cursor: pointer;
}

/* 視覚的に操作できることが分かるように(セレクトボックス) */
label {
	cursor: pointer;
}



/* H1 見出し行 */
.header_h1{
	background:url(../img/gworks_header_h1.png);
	height:24px;
}

.header_h1 h1{
	width: 980px;
	margin:0 auto;
	padding-top:5px;
	color:#FFFFFF;
	text-align:right;
	font-size:1.2em;
}

/* ヘッダロゴ */
.header_box {
	width: 980px;
	margin: 0 auto;
	font-size:1.1em;
}
.header_box .header_logo {
	display: inline-block;
	padding:7px 0 0 0;
	width:122px;
}
.header_box .header_logo_line {
	display: inline-block;
	padding:0 5px 0 5px;
	width:2px;
	vertical-align:top;
	margin-top:17px;
}
/* ヘッダテキスト */
.header_box .header_text {
	display: inline-block;
	color:#e70f20;
	width:auto;
	vertical-align:top;
	margin-top:15px;
}
.header_box .header_text p {
	line-height:1.5em;
}
/* ヘッダメニュー */
.header_box .header_menu {
	padding:38px 0 0 25px;
	float:right;
    word-break: normal;
}
.header_box .header_menu .header_navi li:first-child{
	border-left: none;
}
.header_box .header_menu .header_navi li {
	display: inline;
	padding: 0 10px;
	border-left: 1px solid #000;
}
.header_box .header_menu .header_navi li a{
	color:#000;
	text-decoration: none;
}

.separator{
	margin-top:8px;
	border:1px #CCCCCC solid;
}

/*  */
.main{
	width: 980px;
	margin:0 auto;
	padding:10px;
}
.main .main-visual{
}

/* 左ブロック定義 */
.main .left_box{
	float:left;
	width:730px;
	margin-top: 6px;
}

/* 種別選択タブ */
.main .left_box .common_typetab_box .tab_selector li {
	float:left;
	margin-right:0px;
}
.main .left_box .common_typetab_box .tab_selector .tab {	
	background:url(../img/common/G-work_unselect_tab_a.png) no-repeat;
	width:98px;
	height:32px;
	color:#000;
	padding-right:2px;
}
.main .left_box .common_typetab_box .tab_selector .tab:hover {	
	background:url(../img/common/G-work_select_tab_a.png) no-repeat;
	color:#FFF;
}

/* 種別選択(カタログ) */
.main .left_box .common_typetab_box .tab_selector .tab_catalog {	
	background:url(../img/common/G-work_select_tab_a.png) no-repeat;
	width:98px;
	height:32px;
	color:#FFF;
	padding-right:2px;
}
.main .left_box .common_typetab_box .tab_selector .tab_catalog:hover {	
	background:url(../img/common/G-work_select_tab_catalog.png) no-repeat;
	color:#FFF;
}
/* 種別選択(在庫管理) */
.main .left_box .common_typetab_box .tab_selector .tab_stock {	
	background:url(../img/common/G-work_select_tab_a.png) no-repeat;
	width:98px;
	height:32px;
	color:#FFF;
	padding-right:2px;
}
.main .left_box .common_typetab_box .tab_selector .tab_stock:hover {	
	background:url(../img/common/G-work_select_tab_stock.png) no-repeat;
	color:#FFF;
}
/* 商品検索 */
.main .left_box .common_typetab_box .tab_selector .tab_salesearch {	
	background:url(../img/common/G-work_select_tab_a.png) no-repeat;
	width:98px;
	height:32px;
	color:#FFF;
	padding-right:2px;
}
.main .left_box .common_typetab_box .tab_selector .tab_salesearch:hover {	
	background:url(../img/common/G-work_select_tab_b.png) no-repeat;
	color:#FFF;
}

.main .left_box .common_typetab_box .tab_selector .selectitem {	
	background:url(../img/common/G-work_select_tab_b.png) no-repeat;
	color:#FFF;
}
.main .left_box .common_typetab_box .tab_selector .selectcatalog {	
	background:url(../img/common/G-work_select_tab_catalog.png) no-repeat;
	color:#FFF;
}
.main .left_box .common_typetab_box .tab_selector .selectstock {	
	background:url(../img/common/G-work_select_tab_stock.png) no-repeat;
	color:#FFF;
}
.main .left_box .common_typetab_box .tab_selector p {
	font-size:1.1em;
	text-align:center;
	margin-top:12px;
}

/* 検索ボックス */
.main .left_box .common_search_box {
	width:719px;
/*	height:160px; */
	padding-bottom:5px;
	border:1px solid #CECECE;
	box-shadow:1px 1px 10px -3px #999999;
	-moz-box-shadow:1px 1px 10px -3px #999999;
	-webkit-box-shadow:1px 1px 10px -3px #999999;
	font-size:1.15em;
	background:url(../img/common/G-work_search_bg.png) repeat-x;
}

.main .left_box .common_search_box .search_header {
	width:719px;
	height:38px;
	background:url(../img/common/G-work_search_header.png) no-repeat;
}	
.main .left_box .common_search_box .search_form {
	padding:0 0 0 40px;
}
.main .left_box .common_search_box .search_form div {
    margin:7px 7px 7px 7px;
}
.main .left_box .common_search_box .search_form dl {
	padding-right:20px;
}
.main .left_box .common_search_box .search_form dt {
	float:left;
	min-width:70px;
	padding-top:0px;
	padding-right:20px;
    display: inline-block;
    white-space: nowrap;
}
.main .left_box .common_search_box .search_form .boxheader {
	margin-top:3px;
}
.main .left_box .common_search_box .search_form dd {
	padding-right:20px;
	display:inline-block;
}
.main .left_box .common_search_box .search_form dd p{
	vertical-align: top;
	padding-left:7px;
	display:inline-block;
}
.main .left_box .common_search_box .search_form .select_box {
	min-width:150px;
	max-width:530px;
	height:20px;
	border:1px #BBBBBB solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.main .left_box .common_search_box .search_form .input_box {
	min-width:250px;
	height:20px;
	border:1px #BBBBBB solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
/*	cursor: pointer;*/
}
.main .left_box .common_search_box .search_form .search_button {
    vertical-align: middle;
}

/* 検索結果(共通) */
.common_list_box {
	width:719px;
	margin-top:20px;
	border:1px solid #CCC;
	box-shadow:0px 0px 10px #999999;
	-moz-box-shadow:0px 0px 10px #999999;
	-webkit-box-shadow:0px 0px 10px #999999;
	border-width:0 1px 1px 0;
}
/* ヘッダ系 */
.common_list_box .common_list_header {
	width:719px;
	height:29px;
	background:url(../img/common/G-work_search_result_header.png) no-repeat;
}
.common_list_box .common_list_box_inner .common_list_search_box {
	width:719px;
	height:34px;
	background:url(../img/common/G-work_common_sortbar_bg.png) repeat-x;
	display: table-cell;
	vertical-align: middle;
}
.common_list_box .common_list_box_inner .common_list_search_box .sort_box {
	margin-left:10px;
	font-size:1.2em;
}
.common_list_box .common_list_box_inner .common_list_search_box div {
	display:inline-block;
}
.common_list_box .common_list_box_inner .common_list_search_box .sorttype {
	margin-left:10px;
	margin-right:10px;
}
.common_list_box .common_list_box_inner .common_list_search_box .box {
    padding: 3px 6px 3px 6px;
    background-color: #9FA0A0;
    color:#FFF;
}
.common_list_box .common_list_box_inner .common_list_search_box .active {
    background-color: #F2001D;
}
/* ヘッダ系(カタログ) */
.common_header_small_catalog {
    width: 719px;
    height: 29px;
    background: url(../img/common/G-work_catalog_list_header.png) no-repeat;
}
.common_header_small_catalog .common_header_small_title {
    padding-top: 10px;
    padding-left: 10px;
    color: #FFF;
    font-size: 14px;
}
.common_header_small_search_catalog {
    width: 719px;
    height: 38px;
    background: url(../img/common/G-work_calalog_search_header.png) no-repeat;
}
.common_header_small_search_catalog .common_header_small_title {
    padding-top: 10px;
    padding-left: 10px;
    color: #FFF;
    font-size: 14px;
}

/* 一覧表示部分のボタン */
.common_list_button{
	background:url(../img/common/G-work_list_button.png) repeat-x;
	width:41px; 
	height:20px;
	margin:0 auto;
    margin-left: 4px;
    margin-right: 2px;
}

/* 右ブロック定義 */
.main .right_box{
	float:right;
	width:250px;
	margin-top: 6px;
}

.common_header_small {
    width: 719px;
    height: 29px;
    background: url(../img/common/G-work_common_small_header.png) no-repeat;
}
.common_header_small .common_header_small_title {
    padding-top: 10px;
    padding-left: 10px;
    color: #FFF;
    font-size: 14px;
}
.common_header_small_search {
    width: 719px;
    height: 38px;
    background: url(../img/common/G-work_common_small_header_search.png) no-repeat;
}
.common_header_small_search .common_header_small_title {
    padding-top: 10px;
    padding-left: 10px;
    color: #FFF;
    font-size: 14px;
}

/* ログインボックス */
.main .right_box .common_login_box {
	width:250px;
	border-color:#FF0000;
	border-style:solid;
	border-width:0 1px 1px 1px;
	font-size:1.2em;
}
/* ログインヘッダ部分 */
.main .right_box .common_login_box .login_header{
	background:url(../img/login_header_bar.png);
	height:28px;
}	
/* ログインヘッダタイトル文字 */
.common_login_box .login_header p{
	color:#FFF;
	font-size:1.15em;
	text-align: center;
	line-height: 27px;
}
/* ログインフォーム */
.common_login_box .login_form{
    padding: 10px 10px 10px 20px;
}
/* ID入力ボックス */
.common_login_box .login_form .loginid {
	padding-bottom:8px;
}

/* パスワード入力ボックス */
.common_login_box .login_form .password {
	padding-bottom:8px;
}

/* ログインフォーム見出し部分 */
.common_login_box .login_form .title {
	width:68px;
	display:inline-block;
}

/* ログインフォーム入力部分 */
.common_login_box .login_form .input_box {
	display:inline-block;
}

/* ログインフォームinputタグ */
.common_login_box .login_form .input_box .input_text {
	width:138px;
	height:18px;
	background-color: #FDEDE3;
	border:1px #F9D0BA solid;
}

/* ログインボタン */
.common_login_box .login_form .login_button {
	text-align:right;
	padding-right:7px;
}

/* 会員登録について */
.common_login_box .login_form .member_policy {
	width:100px;
	float:left;
	padding-top:6px;
}

/* 会員登録についてのリンク */
.common_login_box .login_form .member_policy a {
	color:#000;
}

/* 新規会員登録ボックス */
.common_member_regist_box {
	width: 250px;
	border-color:#81C0E4;
	border-style:solid;
	border-width:0 1px 1px 1px;
	margin-top:15px;
	font-size:1.1em;
}	
/*  新規会員登録ボックスヘッダ部分 */
.common_member_regist_box .member_regist_header{
	background:url(../img/regist_header_bar.png);
	height:28px;
	position: relative;
	font-size:1.2em;
}	
/* 新規会員登録ボックスヘッダタイトル文字 */
.common_member_regist_box .member_regist_header p{
	color:#FFF;
	text-align: center;
	line-height: 27px;
}
/* 新規会員登録ボックスヘッダタイトル文字 */
.common_member_regist_box .member_regist_header .member_regist_header_image {
	position:absolute;
	top:4px;
	right:0px;
}
/* 新規会員登録ボックス内部ボックス */
.common_member_regist_box .member_regist_inner {
	margin-top:20px;
	text-align:center;
}
.common_member_regist_box .member_regist_inner .text{
}
.common_member_regist_box .member_regist_inner .button{
	padding:15px 0 10px 0;
}

/* 新規会員登録ボタン */
.common_member_regist_box .member_regist_button {
	padding-top:15px;
}	

/* 会員ログイン済み */
.common_member_box {
	background-color: #FDEDE3;
	padding:13px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:1.1em;
}	

.common_member_box .member_box_inner_box{
	background-color: #FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}	

.common_member_box .member_box_inner_box .member_header_text_box {
	background-color: #FFF;
	padding:7px 20px 7px 20px;
}	

.common_member_box .member_box_inner_box .member_header_text_box .member_header {
	background:url(../img/login_header_bar.png);
	height:28px;
}

.common_member_box .member_box_inner_box .member_header_text_box .member_header p{
	color:#FFF;
	text-align: center;
	line-height: 27px;
	font-size:1.15em;
}

.common_member_box .member_box_inner_box .member_text_box {
}

.common_member_box .member_box_inner_box .member_text_box p{
	color:#000;
	line-height:1.7em;
}
.common_member_box .member_box_inner_box .member_text_box .welcom{
	padding-left:40px;
}
.common_member_box .member_box_inner_box .member_text_box .username{
	text-align:center;
}
.common_member_box .member_box_inner_box .member_button_box{
    padding: 10px 0 5px 0;
	text-align:center;
}

.common_member_box .member_box_inner_box .member_button_box p{
	color: #FFF;
	font-size:0.95em;
}}

.common_member_box .member_box_inner_box .member_button_box a{
	text-align:center;
}

.common_member_box .member_box_inner_box .favolit_button_box{
    padding: 5px 0 10px 0;
	text-align:center;
}

.common_member_box .member_box_inner_box .favolit_button_box p{
	color: #FFF;
	font-size:0.95em;
}}

.common_member_box .member_box_inner_box .favolit_button_box a{
	text-align:center;
}

.common_member_box .member_box_inner_box .member_button_box .member_edit{
	width: 70px;
	padding: 5px;
	display:inline-block;
	background-color: #E72A1E;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.common_member_box .member_box_inner_box .member_button_box .mypage{
	width: 70px;
	padding: 5px;
	display:inline-block;
	background-color: #E72A1E;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.common_member_box .member_box_inner_box .member_button_box .logout{
	width: 70px;
	padding: 5px;
	display:inline-block;
	background-color: #898989;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.common_member_box .member_box_inner_box .favolit_button_box .member_favolit{
	width: 154px;
	padding: 5px;
	display:inline-block;
	background-color: #22AC38;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.common_menu_box {
	padding: 15px 0px 0px 5px;
}
.common_menu_box ul {
}
.common_menu_box .menu_top:first-child {
	content: "";
	border-top:4px solid #FDEDE3;
}
.common_menu_box .menu_top {
	width: 250px;
	border-bottom:4px solid #FDEDE3;
}
.common_menu_box .menu_sub {
	width: 230px;
	padding: 0 10px;
	border-top: 1px dashed #7F7F7F;
}
.common_menu_box p {
	padding: 15px 10px 15px 10px;
}
/* 商品お探ししますボタン */
.common_ask_me_button {
	padding-top:15px;
}
/* 商品カタログボタン */
.common_model_button {
	padding-top:15px;
}

/* 左ブロック定義2 */
.main .left_box2{
	float:left;
	width:710px;
	margin-top: 6px;
}

/* 右ブロック定義2 */
.main .right_box2{
	float:right;
	width:250px;
	margin-top: 6px;
}

.main .left_box2 .search_box .search_header{
	width:710px;
	height:38px;
	background:url(../img/index/top_search_header.png) no-repeat;
}

.footer_box {
	clear:both;
	background:url(../img/footer_bar.png);
	height:89px;
	font-size:1.1em;
}
.footer_box .footer_inner {
	width: 980px;
	margin: 0 auto;
}
.footer_box .footer_inner .footer_menu {
	float:right;
	padding-top: 10px;
	word-break: normal;
}
.footer_box .footer_inner .footer_menu .footer_navi li:first-child{
	border-left: none;
}

.footer_box .footer_inner .footer_menu .footer_navi li {
	display: inline;
	padding: 0 10px;
 	border-left: 1px solid #FFF;
}
.footer_box .footer_inner .footer_menu .footer_navi li a{
	color:#FFF;
	text-decoration: none;
}
.footer_box .footer_inner .footer_logo_box {
	float:left;
	margin-top:15px;
}
.footer_box .footer_inner .footer_logo_box .footer_logo {
	display: inline-block;
	width:122px;
}

.footer_box .footer_inner .footer_logo_box .footer_logo_line {
	display: inline-block;
	padding:0 5px 0 5px;
	width:2px;
	vertical-align:top;
	margin-top:11px;
}
.footer_box .footer_inner .footer_logo_box .footer_text {
	display: inline-block;
	color:#FFFFFF;
	vertical-align:top;
	margin-top:7px;
}

.footer_box .footer_inner .footer_logo_box .footer_text p {
	line-height:1.7em;
}
.footer_box .footer_inner .footer_copyright_box{
	float:right;
	margin-top:-20px;
}

.footer_box .footer_inner .footer_copyright{
	color:#FFFFFF;
}

/* ページング */
.main .pageing{
    width: 100%;
    text-align: right;
    margin-top:10px;
	margin-right:3px;
	font-size:1.05em;
}

.main .pageing a{
	text-decoration: none;
	color:#000;
}

.main .pageing div{
	display:inline-block;
}

.main .pageing .total_page{
	padding-right:30px
}

.main .pageing .page_first{
	padding-right:4px
}
.main .pageing .page_prev{
	padding-right:4px
}
.main .pageing .page{
	padding-right:4px
}
.main .pageing .page_next{
	padding-right:4px
}

/*---------------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 */

/* 視覚的に操作できることが分かるように(テキスト) */
input[type=text] {
	cursor: text;
}

/* 視覚的に操作できることが分かるように(ボタン) */
input[type=textarea] {
	cursor: text;
}
/* 視覚的に操作できることが分かるように(ボタン) */
input[type=button] {
	cursor: pointer;
}
input[type=submit] {
	cursor: pointer;
}
input[type=file] {
	cursor: pointer;
}