/* 最小化できませんでした。最小化されていないコンテンツを返します。
(1221,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
(1226,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
(1240,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
(1244,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
 */
@charset "UTF-8";

/* //////////////////////////////////////////////////
[共通スタイル] 
ここにはシステムにかかわらず設定するものを
記述して下さい。
////////////////////////////////////////////////// */

/* 文字間隔設定（IE7バグ対策） */
*:first-child+html body,
*:first-child+html br {
 letter-spacing: 0;
}

/* 拡大縮小設定（IE6・7バグ対策） */
h1, h2, h3, h4, h5, h6,
p, dl, dt, dd, ul, ol, li, table, th, td,
div, blockquote, pre,
form, fieldset, legend,
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {

    *zoom: 1;
}

/* フォント設定（IE6・7バグ対策） */
body {
    *line-height: 1.2;
}

/* スタイルシートリセット */
input, select, button {
    font-size: 100%;
}
li {
    list-style: none;
}


/* //////////////////////////////////////////////////
[基本スタイル] 
ここにはシステム全体で共通のスタイルを
記述して下さい。
////////////////////////////////////////////////// */

a:link   {
	color: #00f
}

a:visited  {
	color: #00f
}

a:hover {
	color: #00f
}

a:active  {
	color: #00f
}

.class   {
	font-size: 11pt;
	line-height: 16pt;
	color: #000;
}

body    {
	color: #000;
	background-color: #ddd
}

.ptc00 {
	font-size: 11pt;
	color: #C00;
	font-weight: bold;
}

.ptc00b .class {
	font-size: 11pt;
	font-style: normal;
	color: #C00;
	text-decoration: blink;
}

.ptc00 .class .ptc00b {
	font-weight: bold;
}

.class1 {font-size: 11pt;
	line-height: 16pt;
}

.tiisai {	font-size: 10.5px;
	font-style: normal;
	color: #000;
}

.ptc00 {
}

.class2 {	font-size: 11pt;
	line-height: 16pt;
	color: #000;
	font-weight: normal;
}

.class4 {font-size: 11pt; line-height: 14pt }

.ptc001 {font-size: 11pt;
	color: #000;
	font-weight: bold;
}

.ptc001 {font-size: 11pt;
	color: #C00;
	font-weight: bold;
}

.class3 {font-size: 11pt;
	line-height: 16pt;
	color: #000;
	font-weight: normal;
}

/* ボディ */
/*body {
    margin: 0;
    font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
    font-size: 16px;
}*/

/* //////////////////////////////////////////////////
[機能スタイル] 
ここにはどの場所でも使えるような機能のスタイルを記述して下さい。
////////////////////////////////////////////////// */


/* //////////////////////////////////////////////////
[テーブル] 
////////////////////////////////////////////////// */
/* テーブルタグのボーダーを表示しないスタイル */
table.border_none,
table.border_none th,
table.border_none td {
    border: none;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

/* /////////////////////
テキストボックス部品
///////////////////// */

/* テキストボックス(基本) */
.text_box2{
    
    font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	border: 1px #DDDDDD solid;
	padding: 4px;
	background: #FFFFFF;
	font-size: 16px;
	color: #000000;
    
	/* CSS3 */
	-webkit-box-shadow: 0 0 6px #CCCCCC;
	-moz-box-shadow: 0 0 6px #CCCCCC;
	box-shadow: 0 0 6px #CCCCCC;
	-webkit-transition: background 1s ease;
	-moz-transition: background 1s ease;
	transition: background 1s ease;
}

/* テキストボックス(基本) */
.text_box{
    box-sizing: border-box;
    font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	padding: 4px;
	background: #FFFFFF;
	font-size: 16px;
	color: #000000;
}

/* /////////////////////
テキストエリア部品
///////////////////// */

/* テキストエリア(基本) */
.textarea {
    box-sizing: border-box;
    font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	padding: 4px;
	background: #FFFFFF;
	font-size: 16px;
	color: #000000;
}

/* /////////////////////
ボタン部品
///////////////////// */

/* ボタン(基本) */
.btn {
    
    font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	font-size: 14px;

	margin: 6px auto 6px auto;
	padding: 8px;

    /* CSS3 */
	-webkit-box-shadow: 0 0 6px #CCCCCC;
	-moz-box-shadow: 0 0 6px #CCCCCC;
	box-shadow: 0 0 6px #CCCCCC;
	-webkit-transition: background 1s ease;
	-moz-transition: background 1s ease;
	transition: background 1s ease;
}

.btnred {
    background-color: #fd0000;
    font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	font-size: 14px;
    color: white;

	margin: 6px auto 6px auto;
	padding: 8px;

    /* CSS3 */
	-webkit-box-shadow: 0 0 6px #CCCCCC;
	-moz-box-shadow: 0 0 6px #CCCCCC;
	box-shadow: 0 0 6px #CCCCCC;
	-webkit-transition: background 1s ease;
	-moz-transition: background 1s ease;
	transition: background 1s ease;
}

/* /////////////////////
セレクトボックス部品
///////////////////// */

/* セレクトボックス(基本) */
.select {
    
    font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	border: 1px #DDDDDD solid;
	padding: 3px;
	background: #FFFFFF;
	font-size: 16px;
	color: #000000;

	text-align: left;

	/* CSS3 */
	-webkit-box-shadow: 0 0 6px #CCCCCC;
	-moz-box-shadow: 0 0 6px #CCCCCC;
	box-shadow: 0 0 6px #CCCCCC;
	-webkit-transition: background 1s ease;
	-moz-transition: background 1s ease;
	transition: background 1s ease;
}


/* /////////////////////
アンカー（リンク）部品
///////////////////// */
/*a {
        color: #0000ff;
        text-decoration: none;
}
a:hover {
        color: #0000ff;
        text-decoration: underline;
}*/

/* /////////////////////
幅部品
///////////////////// */
.w30 {
    width: 30px;
}

.w40 {
    width: 40px;
}

.w50 {
    width: 50px;
}

.w60 {
    width: 60px;
}

.w70 {
    width: 70px;
}

.w80 {
    width: 80px;
}

.w90 {
    width: 90px;
}

.w100 {
    width: 100px;
}

.w115 {
    width: 115px;
}

.w120 {
    width: 120px;
}

.w130 {
    width: 130px;
}

.w180 {
    width: 180px;
}

.w250 {
    width: 250px;
}

.w300 {
    width: 300px;
}

.w400 {
    width: 400px;
}

.w100p {
    width: 96%;
}

/* /////////////////////
高さ部品
///////////////////// */
.h240 {
	height: 240px;
}

/* /////////////////////
アライメント部品
///////////////////// */
.tc{
	text-align:	center;
}

.tr{
	text-align:	right;
}

.tl{
	text-align:	left;
}

.vt{
	vertical-align: top;
}

.vm{
	vertical-align: middle;
}

.vb{
	vertical-align:	bottom;
}

/* /////////////////////
フォントサイズ部品
///////////////////// */
.ft12{
	font-size:12px;
}

.ft16{
	font-size:16px;
}

.ft20{
	font-size:20px;
}

.ft26{
	font-size:26px;
}


/* /////////////////////
マージン部品
///////////////////// */

.mr10{
	margin-right:10px;
}

.ml15{
	margin-left:15px;
}

.ml20{
	margin-left:20px;
}

.ml30{
	margin-left:30px;
}

.ml50{
	margin-left:50px;
}

.ml90{
	margin-left:90px;
}

.mt10 {
	margin-top:10px;
}

.mt15 {
	margin-top:15px;
}

.mt30 {
	margin-top:30px;
}

.m15 {
	margin:15px;
}


/* /////////////////////
フォント色部品
///////////////////// */
.font_red {
	color:red;
}

.font_blue {
	color:blue;
}

/* /////////////////////
背景色部品
///////////////////// */
.row_title_h {
	background: #ffc0cb;
}
.row_title {
	background: #b0e0e6;
}

.row_title_d {
	background: #dcdcdc;
}

.row_title_yellow {
	background: yellow;
}

.row_title_gray {
	background: #d3d3d3;
}

/* /////////////////////
TD罫線なし部品
///////////////////// */
.non_border_tr {
    border-right-style:none; 
	border-right: 0px;
}

.non_border_tl {
    border-left-style:none; 
	border-left: 0px;
}

/* /////////////////////
その他部品
///////////////////// */
.nowrap {
    white-space: nowrap;
}


/* //////////////////////////////////////////////////
[個別スタイル] 
ここには個別のスタイルを記述して下さい。
////////////////////////////////////////////////// */

.error_msg {
    font-weight: bold;
    color: red;
    font-size: 16px;
    margin-left: 20px;
}

.warning_msg {
    font-weight: bold;
    color: blue;
    font-size: 16px;
    margin-left: 20px;
}

/* /////////////////////
ページリンク部
///////////////////// */
/*.pageLink{
    padding-top:25px;
	border-collapse: collapse;
}*/

/* /////////////////////
 ページコンテンツ部
///////////////////// */
.page_content h2 {
    margin: 3px;
    font-size: 28px;
    border-bottom: solid 2px #dddddd;
    font-weight: normal;
}
.page_content p {
    margin-top: 0;
    margin-bottom: 15px;
}

/* /////////////////////
明細表示（行選択処理あり）
///////////////////// */
.select_list_table {
    padding: 20px;
    background: #FFFFFF;
    border-radius: 5px;
}
.select_list_table table {
    width: 100%;
    line-height: 1.2;
    background: #fff;
	border-collapse: collapse;
}
.select_list_table th {
    padding: 6px;
    background: #f6f6f6; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
    background: linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
    color: #666;
    white-space: nowrap;
    border: 1px solid #ccc;
	height: 20px;
}
.select_list_table td {
    padding: 3px;
    border: 1px solid #ccc;
}
.select_list_table thead th { /* IEでセルのborderが消えるのでfilterは指定しない */
    padding: 6px;
    background: #f6f6f6; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
    background: linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
    color: #666;
    white-space: nowrap;
	height: 20px;
}
.select_list_table tr:hover {
    background: #83acd0;
}


/* /////////////////////
明細表示（行選択処理なし）
///////////////////// */
.list_table2 {
    background: #FFFFFF;
    border-radius: 5px;
}

.list_table2 h2 {
    margin-bottom: 10px;
    color: #666;
}

.list_table2 table {
    width: 100%;
    line-height: 1.2;
    background: #fff;
	border-collapse: collapse;
}
.list_table2 th {
    padding: 6px;
    background: #f6f6f6; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
    background: linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
    color: #666;
    white-space: nowrap;
    border: 1px solid #ccc;
	height: 20px;
}

.list_table2 td {
    padding: 3px;
    border: 1px solid #ccc;
	height: 20px;
}

.list_table2 thead th { /* IEでセルのborderが消えるのでfilterは指定しない */
    padding: 6px;
    background: #f6f6f6; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
    background: linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
    color: #666;
    white-space: nowrap;
	height: 20px;
}

/* /////////////////////
明細表示（行選択処理なし）
///////////////////// */
.list_table {
    width:920px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-spacing: 1px;
    background-color: rgb(119, 119, 119);
    border-top-color: rgb(153, 102, 102);
    border-right-color: rgb(153, 102, 102);
    border-bottom-color: rgb(153, 102, 102);
    border-left-color: rgb(153, 102, 102);
}

.list_table tbody {
    display: table-row-group;
    vertical-align: middle;
}

.list_table tr {
    display: table-row;
    height: 50px;
}

.list_table h2 {
    margin-bottom: 10px;
    color: #666;
}

.list_table th {
    padding-top:8px;
    padding-bottom:8px;
    padding-right:8px;
    padding-left: 8px;
    white-space: -webkit-nowrap;
    background-color: rgb(255, 255, 204);
}

.list_table td {
    padding-top:8px;
    padding-bottom:8px;
    padding-left: 8px;
    padding-right:8px;
    background-color: rgb(238, 238, 238);
    word-break:break-all;
}

.list_table thead th { /* IEでセルのborderが消えるのでfilterは指定しない */
    padding: 6px;
    background: #f6f6f6; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
    background: linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
    color: #666;
    white-space: nowrap;
	height: 20px;
}

.class {
  font-size: 11pt;
  line-height: 16pt;
}


/* //////////////////////////////////////////////////
[Layout] 
////////////////////////////////////////////////// */

/* サイドメニュー */
.sidemenu {
    margin-bottom:1px;
	font-size: 20px;
}
.sidemenu h1 {
    margin: 0;
    padding: 10px;
    font-weight: normal;
}
.sidemenu h1 i {
    margin-right: 5px;
    color: #8abc60;
}
.sidemenu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sidemenu li a {
    display: block;
    padding: 10px;
    border-top: solid 1px #dddddd;
    color: #000000;
    text-decoration: none;
}
.sidemenu li a:hover {
    background-color: #eeeeee;
}




/* BOX Aの下に罫線を挿入（コンテンツページのみ） */
/*.contents .headerarea {
    border-bottom: solid 1px #dddddd;
}*/


/* ボックスの左右 */
.headerarea, .box4, .footerarea, .box6, .main_sidearea
 {
    -webkit-margin-start: auto;
    -webkit-margin-end: auto;
    padding-left: 15px;
    padding-right: 15px;
}

/* ボックスの上下 */
.headerarea {
    padding-top   : 5px;
}
.box4 {
    padding-top: 20px;
    padding-bottom: 20px;
}
.box4-1 {
    padding-bottom: 20px;
}
.box6 {
    padding-top: 20px;
}
.box6-1, .box6-2, .box6-3
 {
    padding-bottom: 10px;
}
.main_sidearea {
    padding-top: 25px;
    padding-bottom: 25px;
}


.sub_sidearea {
    padding: 10px;
}

/* ########### 599px以下 ########### */
@media (max-width: 599px) {

    /* ナビゲーション */
    .menu li a {
        padding: 0 3.5px;
        font-size: 11px;
    }

    /* ナビゲーションと情報の面を合わせる */
	.naviadjustmarge {
		margin-left: 3.5px;
	}

    /* キャッチコピー */
    .catch {
        padding: 5px 10px;
        font-size: 12px;
    }
}

/* ########### 767px以下 ########### */
@media (max-width: 767px) {

    /* トグルボタン */
    #menubtn {
        padding: 6px 12px;
        border: solid 1px #aaaaaa;
        border-radius: 5px;
        background-color: #ffffff;
        position: absolute;
        top: 20px;
        right: 15px;
        cursor: pointer;
    }
    #menubtn:hover {
        background-color: #dddddd;
    }
    #menubtn:focus {
        outline: none;
    }
    #menubtn i {
        color: #888888;
        font-size: 18px;
    }
    #menubtn span {
        display: inline-block;
        text-indent: -9999px;
    }

    /* ナビゲーションメニュー（縦並び） */
    .menu {
        display: none;
    }
    .menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .menu li a {
        display: block;
        padding: 0 2.5px;
        color: #000000;
        font-size: 14px;
        text-decoration: none;
    }
    /* ナビゲーションと情報の面を合わせる */
	.naviadjustmarge {
		margin-left: 2.5px;
	}
    .menu li a:hover {
        background-color: #eeeeee;
    }
}

/* ########### 1000px以上 ########### */
@media (min-width: 1000px) {

    /* トグルボタン */
    #menubtn    {
        display: none;
    }

    /* ナビゲーション */
    #menu {
        display: block !important;
    }
    .menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .menu li a  {
        display: block;
        padding: 0 7.5px;
        color: #0000ff;
        font-size: 16px;
        text-decoration: none;
    }
    /* ナビゲーションと情報の面を合わせる */
	.naviadjustmarge {
		margin-left: 7.5px;
	}
    .menu li a:hover {
        background-color: #eeeeee;
    }
    .menu li span  {
        display: block;
        padding-left: 15px;
        color: #000000;
        font-size: 16px;
        text-decoration: none;
    }
    .menu ul:after {
        content: "";
        display: block;
        clear: both;
    }
    .menu li {
        float: left;
        width: auto;
    }

    /* BOX1とBOX2を横に並べる設定 */
    .headerarea:after {
        content: "";
        display: block;
        clear: both;
    }
    .systemnamearea {
        float: left;
        width: auto;
    }
    .headerlinkarea {
        float: right;
        width: auto;
    }

    /* BOX4-1とBOX4-2を横に並べる設定 */
    .box4:after {
        content: "";
        display: block;
        clear: both;
    }
    .box4-1 {
        float: left;
        width: 70%;
        padding-right: 35px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .box4-2 {
        float: left;
        width: 30%;
    }

    /* BOX6-1、BOX6-2、BOX6-3を横に並べる設定 */
    .box6:after {
        content: "";
        display: block;
        clear: both;
    }
    .box6-1 {
        float: left;
        width: 32%;
        margin-right: 2%;
    }
    .box6-2 {
        float: left;
        width: 32%;
        margin-right: 2%;
    }
    .box6-3 {
        float: left;
        width: 32%;
    }

    /* BOX7-1とBOX7-2を横に並べる設定 */
    .main_sidearea:after {
        content: "";
        display: block;
        clear: both;
    }
    .mainarea {
        float: right;
        width: 80%;
        min-height: 600px;
        padding-left: 50px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .sidearea {
        float: left;
        width: 20%;
    }
}

/* ########### 1190px以上 ########### */
@media (min-width: 1190px) {

    /* 全体の横幅を固定 */
    .box3, .box4, .headerarea-inner, .box6, .main_sidearea {
        /*width: 1140px;*/
        margin-left: auto;
        margin-right: auto;
    }

    /* BOX Aの下に罫線を挿入 */
    /*.headerarea {
        border-bottom: solid 1px #dddddd;
    }*/
}

/* フォント */
.mainfont {
    font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
}

/* 折り畳みバースタイル */
.folderbar{
	cursor:pointer;
	color:blue;
}


@charset "utf-8";
/*
----------------------------------------------------------------
	This style for popupwindow.
----------------------------------------------------------------
*/
.pWindow , .pWindow table{
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", Verdana, "ＭＳ Ｐゴシック", sans-serif;
}
	.pWindow table td {
		margin: 0;
		padding: 0;
	}

	.pWindow .pwContainer {
		border-collapse: collapse;
	}

	.pWindow .titleBar {
		font-weight: bold;
		line-height: 31px;
	}
		.pWindow .titleBar .pwBarL {
			background: url(images/pw_tbar_l.png) left top no-repeat;
			width: 8px;
			height: 31px;
		}
			* html .pWindow .titleBar .pwBarL {
				background: url(images/forie/pw_tbar_l.png) left top no-repeat;
			}

		.pWindow .titleBar .pwBarCenter {
			background: url(images/pw_tbar_c.png) left top repeat-x;
			height: 31px;
		}
			* html .pWindow .titleBar .pwBarCenter {
				background: url(images/forie/pw_tbar_c.png) left top repeat-x;
			}

		.pWindow .titleBar .pwBarR {
			background: url(images/pw_tbar_r.png) left top no-repeat;
			width: 18px;
			height: 31px;
		}
			* html .pWindow .titleBar .pwBarR {
				background: url(images/forie/pw_tbar_r.png) left top no-repeat;
			}

.pWindow .contentsBox {
	position: relative;
}
	.pWindow .contentsBox .contentsL {
		background: url(images/pw_body_l.png) left top repeat-y;
		width: 8px;
		height: 100%;
	}
		* html .pWindow .contentsBox .contentsL {
			background: url(images/forie/pw_body_l.png) left top repeat-y;
		}
	
	.pWindow .contentsBox .contentsBody {
		background-color: #fff;
		padding: 10px 5px 5px;
		overflow: auto;
		vertical-align: top;
        text-align: center;
	}
		.pWindow .contentsBox .contentsBody div.information {
			background: url(images/ico_information.png) left top no-repeat;
			padding-left: 50px;
			min-height: 44px;
			height: auto !important;
			height: 44px;		/* for IE */
		}
		
		.pWindow .contentsBox .contentsBody div.warning {
			background: url(images/ico_warning.png) left top no-repeat;
			padding-left: 50px;
			min-height: 44px;
			height: auto !important;
			height: 44px;		/* for IE */
		}
		
		.pWindow .contentsBox .contentsBody div.caution {
			background: url(images/ico_caution.png) left top no-repeat;
			padding-left: 50px;
			min-height: 44px;
			height: auto !important;
			height: 44px;		/* for IE */
		}
	
		.pWindow .contentsBox .contentsBody.contentsMain {	/* for Opera and IE hack */
			height: 100%;
		}
		
		.pWindow .contentsBox .contentsBody iframe {
			width: 100%;
			height: 100%;
		}
		
		.pWindow .contentsBox.btnArea td {
			overflow: hidden;
			padding: 0 !important;
			vertical-align: bottom;
			height: 35px;
		}
	
	.pWindow .contentsBox .contentsR {
		background: url(images/pw_body_r.png) left top repeat-y;
		width: 18px;
		height: 100%;
	}
		* html .pWindow .contentsBox .contentsR {
			background: url(images/forie/pw_body_r.png) left top repeat-y;
		}
	
.pWindow .contentsFooter {
	position: relative;
}
	.pWindow .contentsFooter .cfL {
		background: url(images/pw_foot_l.png) left top no-repeat;
		width: 8px;
		height: 18px;
	}
		* html .pWindow .contentsFooter .cfL {
			background: url(images/forie/pw_foot_l.png) left top no-repeat;
		}
	
	.pWindow .contentsFooter .cfC {
		background: url(images/pw_foot_c.png) left top repeat-x;
		margin: 0 9px 0 8px;
		height: 18px;
	}
		* html .pWindow .contentsFooter .cfC {
			background: url(images/forie/pw_foot_c.png) left top repeat-x;
		}
	
	.pWindow .contentsFooter .cfR {
		background: url(images/pw_foot_r.png) left top repeat-y;
		width: 18px;
		height: 18px;
	}
		* html .pWindow .contentsFooter .cfR {
			background: url(images/forie/pw_foot_r.png) left top repeat-y;
		}
		
		.pWindow .contentsFooter .cfR.resizable {
			background: url(images/pw_foot_r_resize.png) left top no-repeat;
			width: 18px;
			height: 18px;
		}
			* html .pWindow .contentsFooter .cfR.resizable {
				background: url(images/forie/pw_foot_r_resize.png) left top no-repeat;
			}
	
.pwBtn {
	text-align: center;
	height: 25px;
}

/*
------------------------------------------------------
	ボタン関連のスタイル
------------------------------------------------------
*/
.closeBtn {
	background: url(images/btn_close.png) left top no-repeat;
	outline: 0;
	position: absolute;
	right: 12px;
	top: 5px;
	text-indent: -9999px;
	width: 20px;
	height: 20px;
}

.minimumBtn {
	background: url(images/btn_minimum.png) left top no-repeat;
	outline: 0;
	position: absolute;
	right: 57px;
	top: 5px;
	text-indent: -9999px;
	width: 20px;
	height: 20px;
}

.maximumBtn {
	background: url(images/btn_maximum.png) left top no-repeat;
	outline: 0;
	position: absolute;
	right: 35px;
	top: 5px;
	text-indent: -9999px;
	width: 20px;
	height: 20px;
}

.pwYes {
	background: url(images/btn_pw_yes.png) left top no-repeat;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	outline: 0;
	line-height: 25px;
	width: 75px;
	height: 25px;
	/zoom: 1;
}
	.pwYes.confirm {
		margin-right: 3px;
	}
	
	.pwYes:hover {
		background-position: left bottom;
	}

.pwNo {
	background: url(images/btn_pw_no.png) left top no-repeat;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	outline: 0;
	width: 75px;
	height: 25px;
	/zoom: 1;
}
	.pwNo:hover {
		background-position: left bottom;
	}

/*
------------------------------------------------------
	モーダル表示時の背景の色と透過のスタイル
------------------------------------------------------
*/
#pwCover {
	background-color: black;
}