/* 必須
-----------------------------------------*/

.ex_essential{
    color:#ffffff;
    font-weight:normal;
}
/* エラー
-----------------------------------------*/
 
/* 注釈
-----------------------------------------*/
.ex_comment{
    color:#666;
}

/* 設定  
-----------------------------------------*/

#form_admin{
font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
position:relative;

}

/* 文字色  
-----------------------------------------*/

#form_admin h1 {
    font-size:120%;
    font-weight:normal;
    color:#4baae0;
    padding:16px 0 16px 16px;
    background-color:#eeeeee;
}

th {
    color:#fff;
    text-align:left;
}

/* 段組 */

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

#side_nav {
	width:20%;
	float:left;
	padding:20px;
	margin-left:20px;
}

#side_nav p{font-size:.8em;margin:0 0 1em 1em;} 

#main_content {
	width:70%;
	float:left;
}
.nav_title {
	color:#ffffff;
	padding:20px;
	margin:0 0 25px 0;
	background-color:#4baae0;
	font-size:128%;
}

.nav_title a{
	color:#ffffff;
	display:block;
	border:none;
	text-decoration:none;
}
.nav_box a, .nav_box2 a{
	color:#555555;
	display:block;
	text-decoration:none;
	background-color:#eeeeee;
	padding:10px;
	margin:0 0 20px 0;
}

.nav_box a:hover {
	color:#ffffff;
	display:block;
	text-decoration:none;
	background-color:#4baae0;
	color:#fff;
	padding:10px;
	margin:0 0 20px 0;
}

.nav_box2 a:hover {
	color:#ffffff;
	display:block;
	text-decoration:none;
	background-color:#333575;
	color:#fff;
	padding:10px;
	margin:0 0 20px 0;
}

.search {
	margin-bottom:50px;
	overflow:hidden;
}

.search-window {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #cccccc -moz-use-text-color #cccccc #cccccc;
    border-image: none;
    border-radius: 3px 0 0 3px;
    border-style: solid none solid solid;
    border-width: 3px medium 3px 3px;
    float: left;
    height: 23px;
    text-indent: 5px;
    width: 80%;
}
.search .button {
    background: rgba(0, 0, 0, 0) url("../img/search-icon01.gif") no-repeat scroll 0 0;
    border: medium none;
    float: left;
    height: 31px;
    width: 15%;
}


/* フォームレイアウト
-----------------------------------------*/
.mod_form{
    margin:0 auto;
    margin-bottom:20px;
    padding:20px;
    width: 90%;
    border:solid 3px #dddddd;
}
.mod_form p.point{
    font-size:90%;
    text-align:right;
}
.mod_form table{
    width:90%;
    border-collapse:separate;
    border-spacing:2px;
}
.mod_form table tr th{
    padding:10px;
    white-space: nowrap;
    font-weight:bold;
    vertical-align: top;
    border-bottom:solid 1px #C1D0E3;
    background-color:#4baae0;
}
.mod_form table tr td{
    width:70%;
    padding:10px;
    border-bottom:solid 1px #0075c2;
}
 
/* フォーム内2段組
-----------------------------------------*/
.mod_form_listbox{
    width:100%;
}
.mod_form_listbox_left{
    float:left;
    width:50%;
}
.mod_form_listbox_right{
    float:left;
    width:50%;
}
 
/* 入力パーツ
-----------------------------------------*/
select#item,
select#address01,
select#maker,
select#color{
    width:250px;
}
select#nengou,
select#year,
select#month,
select#day{
    width:60px;
}
input,
textarea{
    border:solid 1px #CCCCCC;
}
input#character_m,
input#character_w,
.mod_form_listbox input{
    border:none;
}
 
input#address02,
input#bill{
    width:90%;
    height:1.4em;
}
input#name,
input#kana,
input#email,
input#emailcheck,
input#maker_etc,
input#color_etc{
    width:90%;
    height:1.4em;
}
input#zipcode,
input#tel{
    width:90%;
    height:1.4em;
}
textarea{
    width:100%;
}
textarea#memo{
	min-width:256px;
	max-width:410px;
}
/* フォーカス・チェック
-----------------------------------------*/
input:focus,
textarea:focus{
    background-color:#FFFFCC;
}
input:checked + label{
    background-color:#FFFFCC;
    font-weight:bold;
}
 
/* 重要なお知らせの同意
-----------------------------------------*/
.mod_form_importance{
    margin:20px 0 0 0;
    padding:10px;
}
.mod_form_importance h2{
    font-size:98%;
    font-weight:bold;
}
.mod_form_importance p{
    font-size:80%;

}
.mod_form_importance_txt h3{
    margin:10px 0 5px 0;
    font-weight:bold;
    border-bottom:solid 1px #DDD;
}
.mod_form_importance_btn{
    text-align:center;
}
 
/* 送信ボタンとエラー表示
-----------------------------------------*/
.mod_form_btn{
    color:#555555;
    margin:20px 0 0 0;
    text-align:center;
    background-color;#28a7e1;
}

.mod_form_btn input{
	color:#333333;
	padding:20px 50px 20px 50px;
	cursor:pointer;
}

.mod_form_btn input:hover{
	background-color:#4baae0;
	color:#ffffff;
}
 
.mod_form_btn input#back,
.mod_form_btn input#submit{
    width:150px;
    padding:5px;
}
 
 
/* clearfix：float解除＆親要素に高さを算出させる
-----------------------------------------*/
.ex_clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.ex_clearfix {
  min-height: 1px;
}
* html .ex_clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*　追加　*/
/* メディアクエリ
-----------------------------------------*/

@media screen and (min-width:1024px) {
	#wrapper {margin:0 auto;}
}

@media screen and (min-width:768px) and (max-width:1023px) {
	#wrapper {margin:0 auto;}
	#side_nav {padding:10px;}
	#side_nav p{font-size:.7em;letter-spacing:-1px;margin:0 0 1em 0;} 
	#side_nav .nav_box a,#side_nav .nav_box2 a{padding:8px;font-size:.8em;}
	#main_content .mod_form table tr th{white-space:normal;}
	#main_content .mod_form table{width:100%;}
}

@media screen and (min-width:480px) and (max-width:767px) {
	#wrapper {margin:0 auto;width:90%;}
	#side_nav, #main_content {clear:both;width:100%;padding:0;margin:0;}
	#side_nav a{text-align:center;}
	#main_content .mod_form table {width:100%;}
	#main_content .mod_form table tr th,#main_content .mod_form table tr td{
		display:block;width:95%;}
}

@media screen and (min-width:320px) and (max-width:479px) {
	#side_nav, #main_content {clear:both;width:100%;width:100%;padding:0;margin:0;}
	#main_content .mod_form{padding:10px;}
	#main_content .mod_form table tr th{white-space:normal;}
	#side_nav a{text-indent:1em;}
	#main_content .mod_form table tr th,#main_content .mod_form table tr td{
		display:block;width:88%;}
}

@media screen and (max-width:319px) {
	#side_nav, #main_content {clear:both;width:100%;padding:0;margin:0;width:100%;}
	#main_content .mod_form{padding:10px;}
	#main_content .mod_form table tr th{white-space:normal;}
	#main_content .mod_form table tr th,#main_content .mod_form table tr td{
		display:block;width:100%;}
	select#item{width: 15em;}
 	.mod_form textarea#memo{max-width:100%;min-width:100%;}
}

/*20160217追加*/
.nav_box.on a {
    background-color: #4baae0;
    color: #fff;
}