/* --------------------------------------------------
 タイトル
-------------------------------------------------- */
header img{
    border: 0px;
    /*height: 43px;*/
    /*width: 119px;*/
}

#contentsArea article h3{
	border-bottom:0px solid #b0b0b0;
}

/* --------------------------------------------------
 メッセージ領域
-------------------------------------------------- */
#contentsArea article .validation-summary-errors ul
{
    padding:5px 0 5px 10px;
    color: #ff0000;
    font-weight: bold;
}

#contentsArea article .common_notice
{
    color: #ff6347;
    margin: 15px 0px;
    border: 2px solid #ff6347;
    padding: 10px 15px;
}

#contentsArea article .common_message
{
    margin-top: 15px;
    padding: 0px 10px;
}

/* --------------------------------------------------
 グリッド
-------------------------------------------------- 
#contentsArea .columns1,
#contentsArea .columns2,
#contentsArea .columns3,
#contentsArea .columns4,
#contentsArea .columns5,
#contentsArea .columns6,
#contentsArea .columns7,
#contentsArea .columns8,
#contentsArea .columns9,
#contentsArea .columns10,
#contentsArea .columns11,
#contentsArea .columns12 {
	float: left;
	margin: 0 0 0 0px;
	background: #fff;
}*/

/* --------------------------------------------------
 ナビゲーション
-------------------------------------------------- */
#navcontainer.mypage #navlist li a:link{
    text-decoration: none;
}

/* --------------------------------------------------
 ページャー
-------------------------------------------------- */
#contentsArea p span.pagination span {
    display: block;
    padding: 4px 2px;
    float: left;
    min-width: 20px;
    text-align: center;
}
#contentsArea p span.pagination span.current
{
    font-weight: bold;
}
#contentsArea p span.pagination a
{
    text-decoration: underline;
}

/* --------------------------------------------------
 ヘッダーメニュー
-------------------------------------------------- */
header{
    margin:12px 0;
}

nav.subHeader {
    margin-bottom:20px;
}

/* --------------------------------------------------
 サイドメニュー
-------------------------------------------------- */
#contentsArea #navEnclosingArea nav.mypageNav01 dt a{
    text-decoration: none;
}

#contentsArea #navEnclosingArea nav.mypageNav01 dt a:hover{
background: rgb(20,134,218); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(20,134,218) 0%, rgb(0,115,198) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(20,134,218)), color-stop(100%,rgb(0,115,198))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(20,134,218) 0%,rgb(0,115,198) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(20,134,218) 0%,rgb(0,115,198) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(20,134,218) 0%,rgb(0,115,198) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(20,134,218) 0%,rgb(0,115,198) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1486da', endColorstr='#0073c6',GradientType=0 ); /* IE6-9 */
}

/* --------------------------------------------------
 小さめのButton（GridView内、入力フォーム内）
-------------------------------------------------- */
#contentsArea p.buttonTypeA input[type=submit],
#contentsArea p.buttonTypeA input[type=button],
#contentsArea p.buttonTypeA a {

text-decoration: none;
color: #fff;
text-align: center;
display: block;
padding: 2px 4px;
border: 1px solid #778899;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #778899;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.3);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,.3);
box-shadow: 0 1px 1px rgba(0,0,0,.3);
background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.08), rgba(255,255,255,.08));
background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.08), rgba(255,255,255,.08));
background-image: -o-linear-gradient(bottom, rgba(0,0,0,.08), rgba(255,255,255,.08));
background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.08), rgba(255,255,255,.08));
background-image: linear-gradient(to top, rgba(0,0,0,.08), rgba(255,255,255,.08));
    background-color: #007cd7;
    cursor:pointer;
}

#contentsArea p.buttonTypeA input[type=button]:hover,
#contentsArea p.buttonTypeA a:hover {
background-image: -webkit-linear-gradient(top, rgba(0,0,0,.09), rgba(255,255,255,.09));
background-image: -moz-linear-gradient(top, rgba(0,0,0,.09), rgba(255,255,255,.09));
background-image: -o-linear-gradient(top, rgba(0,0,0,.09), rgba(255,255,255,.09));
background-image: -ms-linear-gradient(top, rgba(0,0,0,.09), rgba(255,255,255,.09));
background-image: linear-gradient(to bottom, rgba(0,0,0,.09), rgba(255,255,255,.09));
}

/* --------------------------------------------------
 大きめのButton（次へ進む、前へ戻る、同意する等）
-------------------------------------------------- */
#contentsArea p.buttonTypeA span.next input[type=submit],
#contentsArea p.buttonTypeA span.next input[type=button],
#contentsArea p.buttonTypeA span.next a {
    text-decoration: none;
    color:#fff;
    font-size: 140%;
    font-weight: bold;
    width: 200px;
    padding: 10px;
    margin: 5px 0 0 -10px;
    border: 1px solid #007cd7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #007cd7;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.3);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.3);
    box-shadow: 0 1px 1px rgba(0,0,0,.3);
    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.08), rgba(255,255,255,.08));
    background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.08), rgba(255,255,255,.08));
    background-image: -o-linear-gradient(bottom, rgba(0,0,0,.08), rgba(255,255,255,.08));
    background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.08), rgba(255,255,255,.08));
    background-image: linear-gradient(to top, rgba(0,0,0,.08), rgba(255,255,255,.08));
}

#contentsArea p.buttonTypeA span.next input[type=submit]:hover,
#contentsArea p.buttonTypeA span.next input[type=button]:hover,
#contentsArea p.buttonTypeA span.next a:hover {
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,.09), rgba(255,255,255,.09));
    background-image: -moz-linear-gradient(top, rgba(0,0,0,.09), rgba(255,255,255,.09));
    background-image: -o-linear-gradient(top, rgba(0,0,0,.09), rgba(255,255,255,.09));
    background-image: -ms-linear-gradient(top, rgba(0,0,0,.09), rgba(255,255,255,.09));
    background-image: linear-gradient(to bottom, rgba(0,0,0,.09), rgba(255,255,255,.09));
}

#contentsArea p.buttonTypeA span.previous input[type=submit],
#contentsArea p.buttonTypeA span.previous input[type=button],
#contentsArea p.buttonTypeA span.previous a {
    text-decoration: none;
    color: #003366;
    font-size: 120%;
    font-weight: bold;
    width: 140px;
    padding: 10px;
    margin: 20px auto 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 1px rgba(0,0,0,.14);
    -moz-box-shadow: 0 2px 1px rgba(0,0,0,.14);
    box-shadow: 0 2px 1px rgba(0,0,0,.14); 
    border: solid 1px #b9b9b9; 
    background-image:-webkit-linear-gradient(bottom, rgba(0,0,0,.08), rgba(255,255,255,.08));
    background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.08), rgba(255,255,255,.08));
    background-image: -o-linear-gradient(bottom, rgba(0,0,0,.08), rgba(255,255,255,.08));
    background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.08), rgba(255,255,255,.08));
    background-image: linear-gradient(to top, rgba(0,0,0,.08), rgba(255,255,255,.08));
}

#contentsArea p.buttonTypeA span.previous input[type=submit]:hover,
#contentsArea p.buttonTypeA span.previous input[type=button]:hover,
#contentsArea p.buttonTypeA span.previous a:hover {
background-image: -webkit-linear-gradient(top, rgba(0,0,0,.12), rgba(255,255,255,.12));
background-image: -moz-linear-gradient(top, rgba(0,0,0,.12), rgba(255,255,255,.12)); 
background-image: -o-linear-gradient(top, rgba(0,0,0,.12), rgba(255,255,255,.12));
background-image: -ms-linear-gradient(top, rgba(0,0,0,.12), rgba(255,255,255,.12));
background-image: linear-gradient(to bottom, rgba(0,0,0,.12), rgba(255,255,255,.12));
}

#contentsArea p.buttonTypeA span.next input[type=submit],
#contentsArea p.buttonTypeA span.next input[type=button],
#contentsArea p.buttonTypeA span.previous input[type=submit],
#contentsArea p.buttonTypeA span.previous input[type=button]
{
    width: 162px;
    height:41px;
}

#contentsArea p.buttonTypeA input[type=submit][disabled],
#contentsArea p.buttonTypeA input[type=button][disabled],
#contentsArea p.buttonTypeA a[disabled]
{
    text-decoration: none;
    color: #003366;
    background-color: #fff;
    border: solid 1px #b9b9b9;
    cursor: default;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#contentsArea p.buttonTypeA span.next input[type=button][disabled],
#contentsArea p.buttonTypeA span.next input[type=submit][disabled]
{
    text-decoration: none;
    color: #a0a0a0;
    background-color: #fff;
    border: solid 1px #b9b9b9;
    cursor: default;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.0784314), rgba(255, 255, 255, 0.0784314));
}

/*非活性用の再注文ボタン*/
#contentsArea p.buttonTypeA a.no-links 
{
    color: #a0a0a0;
    background-color: #fff;
    border: solid 1px #b9b9b9;
    pointer-events: none;
    cursor: default;
    text-decoration:none;    
    -webkit-box-shadow: 0 2px 1px rgba(0,0,0,0) !important;
    -moz-box-shadow: 0 2px 1px rgba(0,0,0,0) !important;
    box-shadow: 0 2px 1px rgba(0,0,0,0) !important;
    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0), rgba(255,255,255,0));
    background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0), rgba(255,255,255,0));
    background-image: -o-linear-gradient(bottom, rgba(0,0,0,0), rgba(255,255,255,0));
    background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0), rgba(255,255,255,0));
    background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(255,255,255,0));
}

/*------------------------------------------------------
 入力項目
-------------------------------------------------------*/
/*input,select{
	padding: 1px 1px 1px 2px !important;
}*/
input.kanji{
	ime-mode: active;	
}
input.hankaku{
	ime-mode:disabled;
}
input.number{
	text-align: right;
	padding-right: 2px !important;
	ime-mode: disabled;
}
input.readonly
{
	border: 1px dotted #f0f0f0;
	padding: 2px 2px 2px 2px;
}

/* --------------------------------------------------
infoBox
-------------------------------------------------- */
#contentsArea .line .infoBox{
  height:155px;
  overflow:scroll;
  margin:11px 0 0 0;
  padding:0 11px 0 0;
}

#contentsArea .line .infoBox.example{
  padding:0;
  margin:0;
  overflow:hidden;
}

#contentsArea .line iframe{
  width:100%;
  margin:11px 0 0 0;
  height:235px;
  border: none;
}

/* --------------------------------------------------
Footer
-------------------------------------------------- */
#footerLink a
{
    color:#036; 
    text-decoration:none;
}
#footerLink a:hover
{
    color:#036; 
    text-decoration: underline;
}
#footerLink a:visited
{
    color:#613290;
}