/* reset css*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
    margin:0;padding:0;font-size:100%;vertical-align:baseline;}
ol, ul{list-style:none;}
table {border-collapse:collapse;border-spacing:0;width:100%;}
tr, th, td, input, select{
    text-align:left;
    vertical-align:middle;
}
td{border:1px;}
textarea{resize:none;}
html{height:100%;}
img {
border:0px;
}
/* base css */
body{
    font-size:70%;
    color: #333333;
    text-align:left;
    height:100%;
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;   
}
a {color:#5448e4;}
a.link_default{color:#5448e4;}
a.link_white {color:#ffffff;}
a.link_black {color:#333333;}
a:hover,a:focus{text-decoration:none;}
a:focus{outline: dotted 1px invert;}
input.readonly{border-color:transparent;background-color:transparent;}
input.right{text-align:right;}
* html div#basewrap{
    height:100%;
}
#basewrap{
    width:100%;
    height:100%;
    min-width:1000px;
    margin:0px auto;
    position:relative;
    min-height: 100%;
    background-image: url('/pc/images/left_navi_bg.gif');
    background-repeat:repeat-y;
}
body > #basewrap {
    height:auto;
}
#containerwrap{
    padding-bottom:20px;
}
#headwrap{
    width:100%;
    background-image: url('/pc/images/header_bg.gif');
    background-repeat:repeat-x;
    border-bottom:1px #a4a0d4 solid;
    position:relative;
    height: 70px;
    font-size:11px;
}
#headwrap #head_top{
    position:relative;
    height:40px;
}
#headwrap #head_logo{
    width:200px;
    height:40px;
    position:absolute;
    top:0;
    left:0;
}
#headwrap #head_left{
    line-height:40px;
    margin-left:200px;
    color:#fff;
    font-weight:500;
}
#headwrap #head_left li{
    float:left;
    margin-left:10px;
}
#headwrap #head_right{
    position:absolute;
    top:0;
    right:0;
    line-height:40px;
    margin-right:10px;
    color:#fff;
    font-weight:500;
}
#headwrap #head_right li{
    float:left;
    margin-right:5px;
}
#headwrap #head_right li.head_right_end{
    margin-left:25px;
    margin-right:15px;
}
#headwrap #head_right li span{
    display:inline-block;
    vertical-align:top;
    margin-top:10px;
}
#headwrap #head_right a{
    color:#fff;
    background:none;
    border:0px;
    font-weight:500;
}
#headwrap #head_right a:hover
,#headwrap #head_right a:focus{
    color:#fff;
}
#headwrap #head_navi a.head_navi_main_a{
    color:#fff;
    line-height:30px;
    font-weight:500;
    display:block;
    width:100%;
    height:100%;
}
#headwrap #head_navi a.head_navi_main_a:hover
,#headwrap #head_navi a.head_navi_main_a:focus{
    background-image: url('/pc/images/header_bg_hover.gif');
    background-repeat:repeat-x;
    position:relative;
    background-position:0px -35px;

}
#headwrap #head_navi .head_navi_selected a.head_navi_main_a{
    background-image: url('/pc/images/header_bg_hover.gif');
    background-repeat:repeat-x;
    position:relative;
    background-position:0px -35px;
}
#headwrap #head_navi li.head_navi_main{
    float:left;
    width:120px;
    height:30px;
    border-left:1px #3d3788 solid;
    border-right:1px #3d3788 solid;
    text-align:center;
    position:relative;
}
ul.head_navi_sub{
    line-height:20px;
    width:200px;
    background:#fafafa;
    position:absolute;
    border-top:1px #a4a0d4 solid;
    border-left:1px #cccccc solid;
    border-right:1px #cccccc solid;
    border-bottom:1px #cccccc solid;
    opacity:0.9;
    -ms-filter: "alpha( opacity=90 )"; 
    filter: alpha( opacity=90 );
    display:none;
    text-align:left;
    z-index:20000;
}
#headwrap #head_navi li.head_navi_main#head_navi_site{
    width:200px;
}
#head_navi_site a.head_navi_main_a span{
    display:inline-block;
    vertical-align:top;
    margin-top:6px;
    margin-right:5px;
}
#head_navi_site a.head_navi_main_a{
    color:#fff;
    background:none;
    border:0px;
}
ul.head_navi_sub a{
    color:#333;
}
ul.head_navi_sub a:hover
,ul.head_navi_sub a:focus{
    color:#3d3788;
}
.head_navi_sub_section{
    margin:5px;
}
ol.head_navi_sub_section_list li{
    margin-left:10px;
    margin-top:2px;
}
p.head_navi_sub_section_head{
    margin:5px;
    border-bottom:1px #888888 dotted;
}
p.head_navi_sub_section_head a{
    font-weight:bold;
    font-size:109%;
    text-decoration:none;
    line-height:118%;
}
#mainwrap{
    background-image: url('/pc/images/shadow_bg.png');
    background-repeat:repeat-x;
    position:relative;
}
#naviwrap{
    width:200px;
    overflow:hidden;
    /*height:100%;*/
    position:absolute;
    font-size: 11px;
}
#naviwrap a{
    color:#333;
}
#naviwrap a:hover
,#naviwrap a:focus{
    color:#3d3788;
}
#naviwrap li.left_navi_section{
    margin:10px;
}
#naviwrap ol.left_navi_section_list li{
    margin-left:30px;
    margin-top:5px;
}
#naviwrap p.left_navi_section_head{
    margin:10px;
    border-bottom:1px #888888 dotted;
}
#naviwrap p.left_navi_section_head a{
    font-weight:bold;
    font-size:109%;
    text-decoration:none;
    line-height:182%;
}
#naviwrap p.left_navi_section_head a span{
    display:inline-block;
    vertical-align:top;
}
#naviwrap li.left_navi_selected{
    list-style-type: disc;
    color:#3d3788;
}
#naviwrap li.left_navi_selected a{
    color:#3d3788;
}
#contentwrap{
    margin-left:200px;
}
#mainbox{
    padding:10px;
    min-height:600px;
}
#footwrap{
    color:#fff;
    background-color:#333;
    text-align:center;
    line-height:20px;
    font-size: 11px;
    width:100%;
    height:20px;
    position:fixed;					/*position:absolute;*/
    bottom:0px;
    z-index:1000;					/*added here*/
}
#footwrap a{
    color:#fff;
    text-decoration:none;
}
#tabs .ui-tabs-nav a ,
#tabs .ui-tabs-nav span {
    vertical-align:top;
    font-size: 13px;
}
#tabs .ui-tabs-nav .ui-icon {
    display: inline-block;
    margin-right:8px;
}
a.ui-button-icon-only{
    width:18px;
    height:18px;
    vertical-align: top;
    margin-left:5px;
    margin-right:5px;
}
.ui-tooltip {
    line-height:160%;
    background:#ffffe0;
    width:400px;
    opacity:0.9;
}
span.tooltip{
    display:none;
}
.ui-button-text{
    font-size: 13px;
}
div.message{
    padding-top:10px;
    padding-bottom:10px;
}
div.message li{
    text-indent:10px;
    line-height:20px;
}
div.box{
    padding-top:5px;
    padding-bottom:5px;
}
div.panel{
    height:32px;
    text-align:center;
    margin-top:10px;
    margin-bottom:10px;
}
.loader{
    display:none;
}
.loadimg{
    margin-right:30px;
    margin-left:30px;
}
.output{
    font-weight:bold;
    margin:10px;
    line-height:200%;
    cursor: pointer;
    display:none;
}
ul.output li {
    margin:10px;    
}
.clip{
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
}
.ListTable td,
.ListTable th,
.ListTableH td,
.ListTableH th {
    border: 1px solid #aaaaaa;
    padding:3px;
}
.ListTable th,
.ListTableH th {
    padding:5px;
    background-color:#dddddd;
}
.boxListTable table.ListTable td:first-child ,
.boxListTable table.ListTable th:first-child ,
.boxListTable table.ListTable tr{
    border-left:none;   
}
.boxListTable table.ListTable td:last-child ,
.boxListTable table.ListTable th:last-child ,
.boxListTable table.ListTable tr{
    border-right:none;  
}
table.ListTable tr.even{
    background-color  : #eeeeee;
}
table.ListTable tr.update{
    background-color  : #ffccff;
}
table.ListTable tr.updating{
    background-color  : #d1e8ff;
}
table.ListTable tr.highlight{
    background-color  : #c1ffc1;
}
table.ListTable tr.rollover{
    background-color  : #ffee9e;
}
table.ListTable tr.dead,
table.ListTableH tr.dead{
    background-color  : #BBB;
}
td.right,th.right{
    text-align:right;
    padding-right:5px;
}
td.center,th.center{
    text-align:center;
}
table.ListTable thead tr{
    background-color  : #dddddd;
}
table.ListTable td.tdchild{
    border-top: 0px;
}
h1{
    width:100%;
    background-image: url('/pc/images/title_arrow.gif');
    background-repeat: no-repeat;
    background-position: 0px 4px;
    text-indent: 18px;
    border-bottom:1px #3d3788 dotted;
    color:#3d3788;
    font-size:17px;
    font-weight:500;
    margin-bottom:10px;
}
h2{
    font-size :14px;
    padding:3px;
    margin-top:5px;
    margin-bottom:5px;
    border-bottom:1px #333 dotted;
}
h2 .ui-icon{
    display:inline-block;
    margin-right:4px;
    vertical-align:top;
}

div.serchPanel .li1{float:left;text-align:left;width:200px;}
div.serchPanel .li2{float:right;text-align:right;width:200px;}
div.serchPanel .li3{text-align:center;}
div.pageingPanel{margin-top:0px;}
div.pageingPanel .li1{float:left;text-align:right;width:200px;height:30px;}
div.pageingPanel .li2{float:right;text-align:left;width:200px;height:30px;}
div.pageingPanel .li3{text-align:center;line-height:30px;}
div.pageingPanel .li3 a,
div.pageingPanel .li3 span{
    margin:0 4px 0 4px;
}
div.pageingPanel .li3 span{
    font-weight: bold;
}
#boxDialog div.serchPanel .li1{width:150px;}
#boxDialog div.serchPanel .li2{width:150px;}
.boxListTable{
    min-height:200px;
    border: 1px solid #aaa;
    border-top: 0px;
    margin-top:5px;
    margin-bottom:10px;
}
a.detail.ui-button-icon-only{
    width:20px;
    height:20px;
}
a.thisis.ui-button-icon-only{
    width:20px;
    height:20px;
}

.redtext {
    color: #ff0000;
}
.redtext2 {
    color:#d00;
}
.graytext{
    color: #d6d6d6;
}
.graytext2 {
    color: #8a8a8a;
}
.textbold {
    font-weight:bold;
}
.orangetext {
    color: #fea60d;
}

ul.form_ul {
    border-bottom: 1px dotted #888888;
    margin-top:5px;
    margin-bottom:5px;
}
ul.form_ul .li1 {
    float:left;
    width:170px;
    padding-left:15px;
    line-height:20px;
    margin-top:5px;
    margin-bottom:5px;
}
ul.form_ul .li2 {
    float:left;
    line-height:20px;
    margin-top:5px;
    margin-bottom:5px;
}
ul.form_ul .li3 {
    float:right;
    width:50px;
}
input.td_over{border:0px;background-color:transparent;width:95%;}
div.returnlist{
    margin-top:20px;
    margin-bottom:20px;
    text-indent:10px;
    cursor: pointer;
    text-decoration: underline;
    font-weight:bold;
    font-size:140%;
    color:#3d3788;
}
/* cart1,3 */
#coreTable .td1{width:20px;}
#coreTable .td2{}
#coreTable .td3{width:60px;text-align:center;}
#coreTable .td4{width:80px;}
#coreTable .td5{width:80px;}
#coreTable .td6{width:20px;text-align:center;}
#coreTable .td7{width:50px;}
#coreTable .td8{width:100px;}
#coreTable .td9{width:50px;text-align:center;}
#coreTable .tdf1{background-color:#dddddd;text-align:right;}
#coreTable .tdf3{background-color:#dddddd;text-align:center;}
#coreTable td{
    padding:5px;
    line-height: 20px;
}
#coreTable td input{
    width:90%;
}

/* cart1 */
div.cart_message{margin:20px;}

/* cart2 */
#payment_ListTable td.tdh{line-height:20px;text-align:center;}
#payment_ListTable td.tds{line-height:35px;}
#payment_ListTable td.td1{width:30px;text-align:center;}
#payment_ListTable td.td2{width:45px;text-align:center;}
#payment_ListTable td.td3{width:45px;text-align:center;}
#payment_ListTable td.td4{line-height:30px;}
#payment_ListTable td.td5{width:65px;text-align:center;}
#payment_ListTable td.td6{width:90px;text-align:center;}
#payment_ListTable td.td7{width:90px;text-align:center;}
#payment_ListTable .tr1{background-color:#dddddd;}
/* cart3 */
#payment_ListTable td{padding:5px;line-height:20px;text-align:center;}
#payment_ListTable2 td{padding:5px;line-height:20px;text-align:center;}
#payment_ListTable3 td{padding:5px;line-height:20px;text-align:center;}

/* cart */
#cartListTable .td1{width:20px;}
#cartListTable .td2{}
#cartListTable .td3{width:50px;text-align:center;}
#cartListTable .td4{width:100px;}
#cartListTable .td5{width:50px;}
#cartListTable .td6{width:100px;}
#cartListTable .td7{width:50px;text-align:center;}
#cartListTable .tdf1{background-color:#dddddd;text-align:right;}
#cartListTable .tdf3{background-color:#dddddd;text-align:center;}
#cartListTable td{
    padding:5px;
    line-height: 20px;
}
div.link_navi li {
    margin:5px;
    line-height:16px;
}
#cartSettingListTable td{
    padding:5px;
    line-height: 20px;
}
#cartSettingListTable td.tdh1{
    text-align:center;
}
#cartKaiyakuListTable td{
    padding:5px;
    line-height: 20px;
    text-align:center;
}
#cartCardListTable td{
    padding:5px;
    line-height: 20px;
    text-align:center;
}
#cart_iyaku{
    vertical-align:middle;
    text-align:center;
    margin-top:20px;
    margin-bottom:20px;
    margin-left:200px;
    margin-right:200px;
    border:solid 1px #CC0000; 
    background:#F7CBCA;
    color:#CC0000;
    font-weight:bold;
    padding:4px;
    line-height:20px;
}
/* wav1 wav2 */
li.red_notice {
    text-align:center;
    margin-bottom:10px;
    color:#ff0000;
    font-size :14px;
    line-height:20px;
    font-weight:bold;
}
.price_float {
	font-size :1px;
	 vertical-align:top;
}

/* AutoDialer */
#outputMessage button.button_success {
	float: right;
	cursor: pointer;
	background-color: Transparent;
	border: 1px solid;
	margin-top: -1px;
	text-align: center;
	color: #4CAF50;
	font-size: 14px;
	padding: 3px 6px 3px 6px;
}
#outputError button.button_error {
	float: right;
	cursor: pointer;
	background-color: Transparent;
	border: 1px solid;
	margin-top: -1px;
	text-align: center;
	color: #96030f;
	font-size: 14px;
	padding: 3px 6px 3px 6px;
}

/* ACD Custom Icons */
.icon-custom {
    width: 16px;
    height: 16px;
    float: left;
    margin: 0;
    padding: 0;
}
.icon-dashboard {
    background: url("../images/icon_custom/icon_custom_16x16_cloco.png") 0 0;
    margin-left: 30%;
}
.icon-dashboard-0 {
    background: url("../images/icon_custom/icon_custom_16x16_disabled.png") 0 0;
    margin-left: 30%;
}
.icon-dashsetting {
    background: url("../images/icon_custom/icon_custom_16x16_cloco.png") -16px 0;
    margin-right: 4px;
}
.icon-setting {
    background: url("../images/icon_custom/icon_custom_16x16_cloco.png") -32px 0;
    margin-left: 30%;
}

/* Docomo Officelink */
.warning_msg {
    color:#ffae42;
}
/* fax history calendar */
.date-container .days li.current-month-days:not(.active):not(.today-day){
    z-index: 1;
    cursor: pointer;
    position: relative;
    border:1px solid #DDDDDD;
    text-align: right;
    color: #3D3788;
    background-color: #F6F6F6;
}
.days li.active{
    cursor: pointer;
    border:1px solid #DDDDDD;
    text-align: right;
    color: #fff ;
    background-color: #3D3788;
}
.days li.today-day{
    cursor: pointer;
    border:1px solid #DDDDDD;
    text-align: right;
    color: #3D3788;
    background-color: #D9E8FF;
}