@charset "Shift_JIS";

/* ================================================
 *   共通レイアウト
 * ================================================ */

/* ------------------------------------------------ */
/* ブラウザCSSリセット */

* {
margin:0;
padding:0;
}
body,div,pre,p,blockquote, 
form,fieldset,input,textarea,select,option, 
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6, 
table,th,td,embed,object { 
margin: 0; 
padding: 0; 
vertical-align: baseline; 
} 

h1,h2,h3,h4,h5,h6 { 
font-style: normal; 
font-weight: normal; 
font-size: 1.0em; 
} 
  
table {border-spacing:0;} 
* html table {border-collapse:collapse;} 
*:first-child+html table {border-collapse:collapse;} 
caption,th {text-align:left; font-weight:normal;} 
table,th,td,img {border:0;} 
img,input {vertical-align:middle;} 
q:before,q:after {content:'';} 
ul {list-style: none;} 
img {margin:0;padding:0;}

html,body{
    height: 100%;
    overflow-x:hidden;
    overflow-y:auto;
    font-family:Meiryo, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 62.5%; /* 10pxに指定 *//* 相対基準 */
    border-color:#000000;
    line-height:140%;
/*
    background:#efefef;
*/
    position:relative;
}

body{
    font-size: 13px;
    font-size: 1.3rem; /* 13px */
	overflow: auto;
}

/* ================================================
 *   レイアウト
 * ================================================ */

#container{
    position:relative;
    height: 100%; /*IE6対策*/
    min-height: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}
body > #container {
	height: 600px;
	
}

#wrap {
    width: 100%;
    margin: 0 auto;
}

/* ------------------------------------------------ */
/* ヘッダー */

#header {
    width: 100%;
    height: 70px;
    border-bottom: 4px solid #D35257;
    margin:0;
    position:relative;
    background: #ffffff;
    z-index: 100;
}

#header_inner,
#header_inner_portal {
    width: 100%;
    height: 70px;
    border-bottom: 4px solid #D35257;
    margin: 0 auto;
    position: relative;
	background-color: #fff;
}

#div_login {/* ログインボタン */
    width: 212px;
    height: 84px;
    background: url(img/login_bg.png) no-repeat;
    float: right;
    position: relative;
    top: 30px;
    right: 20px;
    text-align: center;        
}
#login {/* ログインボタン */
    text-align: center;        
}
#btLogin {
    margin-top: 18px;
}

#header_logo {/* ロゴ */
    height: 70px;
    float:left;
}

#header_logo img{
    max-height: 70px;
}

#header_system_name {
    padding: 10px 1em 0 20px;
    color: black;
    font-size: 20px;
    font-weight: bolder;
    text-align:left;
    display:block;
}

#header_jian_name {
    padding: 10px 1em 0 0;
    float:left;
    color: #ff6347;
    font-size: 24px;
    font-weight: bolder;
    text-align:left;
    display: block;
}

#header_view_name {/* 画面名 */
    padding: 5px 1em 0 20px;
    float: right;
    color: #dc143c;
    font-size: 30px;
    font-weight: bolder;
    text-align: right;
}

#header_logo a {
    display: block;
    filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
#header_logo a:hover img {
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

/* ------------------------------------------------ */
/* フッター    */
#footer {
    clear:both;
    width: 100%;/*containerと同じ数値に*/
/*    height:70px;　*/
    height:35px;
    background: #DDDDDD;
    color:#666666;
    font-size:12px;
    font-size: 1.2rem;
    z-index: 100;
/* 画面下に固定 */
    position: absolute;
	bottom: 0;
}
#footer_inner,
#footer_inner2 {
    width: 1260px;/*containerと同じ数値に*/
    margin: 0 auto;
    background: #DDDDDD;
	overflow: auto;
}
#footer p {
    float: left;
    color:#666666;
    line-height: 35px;
    margin: 0;
}
#footer #soniclogo {
    float: right;
    margin-top: 20px;
}

/* ================================================
 *   コンテンツ
 * ================================================ */
#contents{
    width: 100%;
    margin:0 auto;
    padding: 0;
    position: relative;
    height: 100%;
    z-index: 1;
}

#contents_inner {
    width: 100%;
    margin: 0 auto;
    padding: 20px 0 0 0;
    background:#fff;
    height: 100%;
}

#contents_inner_portal {
    width: 100%;
    margin: 0 auto;
    height: 100%;
}

.h {
    width: 100%;
    height: 67px;
    margin: 0 auto;
    background: #F4F0EC;
    border-bottom: 3px solid #CCCCCC;
    text-align: center;
}

#h_portal {
    width: 1260px;
    margin: 0 auto;
    text-align: left;
}

.meta #contents{/* メタデータ個別ページ */
    height: auto;
}
.metalist #contents{/* メタデータ一覧 */
    height: 520px;
}

/* ================================================
 *   装飾
 * ================================================ */

a{
    text-decoration:none;
    font-weight:bold;
    color:#ffffff;
    margin:0;
    display: block;
}

a:hover{
    text-decoration:none;
}

img {
    border:0;
    margin:0;
}

span{
    color:#1352B9;
}

ul {
    list-style-type:disc;
    text-indent:0;
    line-height:140%;
    margin-left:28px;
    margin-bottom:10px;
    padding:0;
}
ul li {
    margin-left:0px;
    padding:0;
}
span{
    color:#1352B9;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}

h1{
    font-size:18px;
    font-size: 1.8rem;
    color:#3B840E;
}

h2 {
    font-size:20px;
    font-size: 2.0rem;
    color:#007D45;
    text-align:center;
    margin:10px auto;
}
*:first-child+html h2{/*IE7*/
    margin-top:30px;
}

.center {
    text-align:center;
}

p {
    text-indent:1em;
    text-indent:0em;
    margin:8px 20px 0px 40px;
}

.m {
    width:680px;
    height:35px;
    margin:20px 0 5px 0;
}

.py {
    width:720px;
    line-height:140%;
    text-indent:1em;
    font-size:15px;
    font-size: 1.5rem;
    margin:8px 75px 0px 75px;
    margin:8px auto 0px auto;
}    
p.text_pdf {
    text-align:center;
    margin: 12px auto 20px;
}
span.text_pdf {
    color: #D35257;
    font-size: 13px;
    font-size: 1.3rem;
    margin-left: 5px;
}   
.red {
    color: #ff0000;
}

.textC {
    text-align: center;
}
.btC {
    text-align: center;
    margin: 0 auto;
    padding: 0;
}

/* ================================================
 *   共通
 * ================================================ */
div.row {
    margin-top: 50px;
}

div.row2 {
    margin-top: 9%;
}

div.row3 {
    margin-top: 167px;
}

div.left {
    float: left;
    width: 30%;
    margin: 0 1% 10px 4%;
}

div.left2 {
    float: left;
    width: 16%;
}

div.left3 {
    float: left;
    width: 16%;
    margin: 0 0 0 2%;
}

div.right {
    float: right;
    width: 10%;
}

div.right2 {
    float: right;
    width: 13%;
    margin: 0 5% 0 0;
}

div.right3 {
    float: right;
    width: 50%;
}

.title_label_row1 {
    margin: 10px auto 0 auto;
    padding: 20px 0 0 20px;
    font-size: 40px;
    background: #fff;
    padding: 24px 30px;
    border-radius: 6px;
    width: 80%;
}

.title_label_row2 {
    margin: 0 auto 0 auto;
    font-size: 40px;
    background: #fff;
    padding: 18px 30px;
    border-radius: 6px;
    width: 80%;
}

.back_btn {
    margin: 10px 25px 0 auto;
    font-size: 16px;
    background: #9e9e9e;
    padding: 18px 30px;
    border-radius: 6px;
    width: 30%;
    text-align:center;
}

.back_btn:hover {
    background-position: 0 -30px;
    background-color: #e8e8e8;
    border-color: #555;
    transition: .3s;
}

.action_btn_color {
    background: #BF360C;
}

.reception_number_label_header {
    padding: 10px 0 0 0;
    width: 70%;
    text-align:right;
    float: left;
    font-size: 35px;
}

.reception_number_value_header {
    padding: 10px 0 0 0;
    width: 20%;
    text-align:left;
    float: right;
    font-size: 35px;
    color: Red;
    padding-right: 5%;
}

.hide 
{
    display:none;
}

.red
{
    color:#ff0000;   
}

.text-large
{
    font-size:35px;
}

.text-xlarge
{
    font-size:45px;
}

.comconfirm-btn
{
    width:200px;
}

.invisible
{
    visibility:hidden;
}