/*********************
    HTML Elements
*********************/
*{
    margin:0;
    padding:0;
}
body{
    font-size: 12px;
    font-family: Arial, Tahoma, Verdana;
}
a, a:visited{
    text-decoration:none;
}
img{
    border:0;
    margin:1px;
}
p{
    padding:5px;
}
h2{
    font-size:20px;
}
input{
    padding:2px;
}
select{
    padding:2px;
}
hr{
    visibility: hidden;
}
/*********************
    Structure
*********************/
#container{
    width:1200px;
    margin-left:auto;
    margin-right:auto;
}
#p_container{
    margin-top:20px;
    margin-left:auto;
    margin-right:auto;
}
#header{
    width:1200px;
    height:80px;
    margin-top:20px;
}
#header h2{
    height:20px;
    float:left;
    width:450px;
}
#header #login_info{
    width:550px;
    float:right;
    text-align:right;
    height:20px;
}
#header #change_base{
    width:200px;
    height:20px;
    float:right;
    text-align:right;
}
#header #selectBase{
    z-index:3;
    position:absolute;
    float:right;
    width:178px;
    padding:10px;
    display:none;
}
#header #selectBase ul li{
    list-style:none;
}
#header #selectBase ul li span#now{
    text-decoration: underline;
    font-weight:bold;
}
#content{
    width:1180px;
    float:left;
    margin:10px 0 10px 0;
    padding:10px 10px 0 10px;
}
#sidebar{
    background:#FFF;
    width:180px;
    float:right;
    margin:10px 0 10px 0;
    padding:10px;
}
#footer{
    clear:both;
    padding:5px;
    margin-top:10px;
    margin-bottom:10px;
}
#box h3{
    padding:5px;
    font-size:14px;
}
#login_wrapper{
    width:500px;
    height:400px;
    background-color:#F3F9FF;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
#login_logo{
    font-size:30px;
    font-weight:bold;
    color:#fff;
    line-height:30px;
    width:500px;
    margin:20px auto;
    text-align:center;
}
#login_logo #sub_title{
    font-size:12px;
}
#login_tbl{
    width:300px;
    margin:0 auto;
}
#login_tbl th{
    width:100px;
}
#login_tbl td{
    width:200px;
}
#login_tbl,
#login_tbl th,
#login_tbl td{
    border:0;
}
#login_tbl input{
    width:150px;
}
#link_passforget{
    text-align:right;
    padding:0 10px;
}
#login_footer{
    padding:0 10px;
	text-align:right;
}
/*********************
  TopMenu, Top-Panel
*********************/
#topmenu{
    margin-top:36px;
    width:1200px;
}
#topmenu ul#submenu{
    width:960px;
    float:left;
}
#topmenu ul#logout{
    width:84px;
    float:right;
}
#topmenu ul{
    list-style:none;
    line-height:25px;
}
#topmenu li{
    display:inline;
}
#topmenu a,#topmenu a:visited{
    padding:5px 12px 5px 12px;
    text-decoration:none;
}
#topmenu .current a, #topmenu .current a:hover, #topmenu .current a:visited{
    padding:5px 12px 5px 12px;
    font-weight:bold;
    
}
#top-panel{
    background:#FFF;
    padding:5px;
    height:20px;
    float:left;
    width:1190px;
}
#top-panel ul{
    list-style:none;
}
#top-panel ul li{
    display:inline;
    line-height:20px;
}
#top-panel ul li a{
    padding-left:19px;
    text-decoration:none;
    margin:0 3px;
    display:inline-block;
}
#top-panel ul li a.kaihatsu{
    text-decoration: line-through;
}

#top-panel a:hover{
    text-decoration:underline;
}
/*********************
        Other
*********************/
.clearfix:after{  
    content:".";  
    display:block;  
    visibility:hidden;  
    height: 0.1px;  
    font-size: 0.1em;  
    line-height:0;  
    clear: both;  
}
.a-right{
    text-align:right;
}
.a-left{
    text-align:left;
}
.a-center{
    text-align:center;
}

.f-16{
    font-size:16px;
}
#pager{
    margin:5px;
    height:25px;
}
#styleswitcher{
    float:right;
}
#styleswitcher ul{
    list-style:none;
    line-height:10px;
}
#styleswitcher li{
    height:12px;
    display:inline;
}
#footer ul {
    list-style:none;
}
#footer li {
    display:inline;
}
#credits{
    clear:both;
    width:500px;
    float:right;
    text-align:right;
    line-height:20px;
}
/*********************
        Tables
*********************/
table{
    margin:5px;
    border-collapse: collapse;
    width:1168px;
}
.p_table{
    margin:5px;
    border-collapse: collapse;
    width:758px;
}
td, th{
    padding: 4px;
} 
thead{

}
/*********************
        Home
*********************/
.infowrap li{
    display:inline;
}
.infobox{
    width:1178px;
    margin-bottom:10px;
}
.p_infobox{
    width:768px;
    margin-bottom:10px;
}
.infobox_h_l{
    float:left;
    width:585px;
    margin-bottom:10px;
    margin-right:6px;
}
.infobox_h_r{
    float:right;
    width:585px;
    margin-bottom:10px;
}
.infobox h3,
.p_infobox h3,
.infobox_h h3{
    padding:5px;
    font-size:14px;
}
.margin-left{
    margin-left:5px;
}
/*********************
        Forms
*********************/
form{
    padding:10px;
    margin:0 auto;
}
form#form fieldset {
    display:block;
    padding:5px 10px 5px 10px;
    line-height:20px;
    margin-bottom:10px;
}
form#form legend {
    font-size:12px;
    font-weight:bold;
    margin-bottom:5px;
    padding:3px;
    width:254px;
}
form#form label {
    clear:left;
    display:block;
    float:left;
    width:100px;
    text-align:right;
    padding-right:10px;
    margin-bottom:5px;
}
form#form input {
    padding:3px;
    margin-bottom:5px;
    font-size:14px;
}
form#form select {
    margin-left:5px;
}
form#form textarea {
    width:410px;
    height:200px;
    padding:5px;
    overflow:auto;
}
form#form option {
    background:#FFF;
}
form#form optgroup option {

}
form#form #button1, form#form #button2 {
    padding-right:5px;
    cursor:pointer;
    width:205px;
    margin-left:8px;
    font-weight:bold;
}
form#form #button1:hover, form#form #button2:hover {
    background-position:center left;
}

/*********************
    Icons
*********************/
.icon{
    padding-left:19px;
    text-decoration:none;
    height:20px;
    font-size:12px;
    margin:0 3px;
    display:inline-block;
    line-height:20px;
}
.user{background:transparent url(/img/icons/user.png) no-repeat left;}
.useradd{background:transparent url(/img/icons/user_add.png) no-repeat left;}
.group{background:transparent url(/img/icons/group.png) no-repeat left;}
.search{background:transparent url(/img/icons/magnifier.png) no-repeat left;}
.online{background:transparent url(/img/icons/world.png) no-repeat left;}
.pagenew{background:transparent url(/img/icons/page_add.png) no-repeat left;}
.rss{background:transparent url(/img/icons/rss.png) no-repeat left;}
.feed{background:transparent url(/img/icons/feed.png) no-repeat left;}
.report{background:transparent url(/img/icons/report.png) no-repeat left;}
.house{background:transparent url(/img/icons/house.png) no-repeat left;}
.manage{background:transparent url(/img/icons/cog.png) no-repeat left;}
.manage_page{background:transparent url(/img/icons/page_gear.png) no-repeat left;}
.folder{background:transparent url(/img/icons/folder.png) no-repeat left;}
.promotions{background:transparent url(/img/icons/coins.png) no-repeat left;}
.cart{background:transparent url(/img/icons/cart.png) no-repeat left;}
.folder_table{background:transparent url(/img/icons/folder_page.png) no-repeat left;}
.shipping{background:transparent url(/img/icons/car.png) no-repeat left;}
.invoices{background:transparent url(/img/icons/page_white_text_width.png) no-repeat left;}
.addorder{background:transparent url(/img/icons/folder_page_add.png) no-repeat left;}
.add{background:transparent url(/img/icons/add.png) no-repeat left;}
.page_add{background:transparent url(/img/icons/page_add.png) no-repeat left;}
.app_add{background:transparent url(/img/icons/application_add.png) no-repeat left;}
.report_seo{background:transparent url(/img/icons/report_link.png) no-repeat left;}
.modules{background:transparent url(/img/icons/bricks.png) no-repeat left;}
.modules_manage{background:transparent url(/img/icons/bricks_gear.png) no-repeat left;}
.graph{background:transparent url(/img/icons/graph.png) no-repeat left;}
.calendar{background:transparent url(/img/icons/calendar.gif) no-repeat left;}
.new_window{background:transparent url(/img/icons/new_window.gif) no-repeat right;padding-right:20px;}

#info_msg{
    border:1px solid #C7C7EA;
    background-color:#E9E9FC;
    color:#375B91;
    width:800px;
    margin:5px 0 5px 0;
    padding:5px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#error_msg{
    border:1px solid #EAC7C7;
    background-color:#FCE9E9;
    width:400px;
    margin:5px auto;
    padding:5px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#error_msg2{
    border:1px solid #EAC7C7;
    background-color:#FCE9E9;
    width:800px;
    margin:5px 0 5px 0;
    padding:5px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#form_error_msg{
    border:1px solid #EAC7C7;
    background-color:#FCE9E9;
    width:1114px;
    padding:5px 10px;
    margin:5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#form_error_msg2{
    border:1px solid #EAC7C7;
    background-color:#FCE9E9;
    width:740px;
    padding:5px 10px;
    margin:5px;
    margin-bottom:10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#error_msg_left,
#error_msg_left2{
    float:left;
}
#error_msg_right,
#error_msg_right2{
    float:right;
    width:20px;
    font-size:16px;
}

/* 通常ボタン */
.submit{
    border:1px solid #777;
    padding: 4px 10px;
    color: #fff;
    cursor: pointer;
    background: #428ec9;
    border-radius: 5px;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#99c9e5),
        to(#428ec9)
        );
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 1px 1px 1px #fff;
         
    background: -moz-linear-gradient(
        top,
        #99c9e5,
        #428ec9
        );
    -moz-border-radius: 5px;
    -moz-box-shadow: 1px 1px 1px #fff;
}

/* 修正ボタン（modify） */
.m_submit{
    border:1px solid #777;
    padding: 4px 10px;
    color: #fff;
    cursor: pointer;
    background: #42c98e;
    border-radius: 5px;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#99e5c9),
        to(#42c98e)
        );
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 1px 1px 1px #fff;
         
    background: -moz-linear-gradient(
        top,
        #99e5c9,
        #42c98e
        );
    -moz-border-radius: 5px;
    -moz-box-shadow: 1px 1px 1px #fff;
}

/* 削除ボタン（delete） */
.d_submit{
    border:1px solid #777;
    padding: 4px 10px;
    color: #fff;
    cursor: pointer;
    background: #c9428e;
    border-radius: 5px;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#e599c9),
        to(#c9428e)
        );
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 1px 1px 1px #fff;
         
    background: -moz-linear-gradient(
        top,
        #e599c9,
        #c9428e
        );
    -moz-border-radius: 5px;
    -moz-box-shadow: 1px 1px 1px #fff;
}
/* 削除ボタン（delete） */
.dis_submit{
    border:1px solid #777;
    padding: 4px 10px;
    color: #fff;
    cursor: pointer;
    background: #dddddd;
    border-radius: 5px;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#aaa),
        to(#eee)
        );
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 1px 1px 1px #fff;
         
    background: -moz-linear-gradient(
        top,
        #aaa,
        #eee
        );
    -moz-border-radius: 5px;
    -moz-box-shadow: 1px 1px 1px #fff;
}
.text, textarea, .dropdown{
    border:1px solid #e57919;
    padding: 5px;
    color: #e57919;
    background: #fff;
    border-radius: 5px;
     
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#fff),
        to(#fff)
        );
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 1px 1px 1px #375a90;
     
    background: -moz-linear-gradient(
        top,
        #fff,
        #fff
        );
*/

    -moz-border-radius: 5px;
    -moz-box-shadow: 1px 1px 1px #375a90;
     
}

.helpMessage{
    padding: 10px;
}
.attentionMessage{
    padding: 0 10px 10px 10px;
}
.form_b_button{
    margin:10px 0;
}
.funcInfo{
    width:200px;
}
#error_msg_left label,
#error_msg_left2 label{
    display: block;
}