body{
background:#fff url(images/headerback.jpg) repeat-x scroll center top;
margin:0px;
padding:0px;
}

div#loginbox{
width:300px;
margin:0px;
padding:15px;
background:#ddd;
border:7px solid #fff;
text-align:center;
color:#333333
}

div#loginbox input, div#loginbox password{
	margin: 1px;
}

.pageTitlein{
background:url(images/indeximg/h3back.png) repeat-x scroll left top;
border:1px solid #CCCCCC;
color:#FFFFFF;
margin:/*10px*/ 0px;
padding:5px 10px;
text-align:left;
}


h3.pageTitlein span{
background:url(../images/indeximg/h3point.gif) no-repeat scroll left top;
color:#FFFFFF;
margin:/*10px*/ 0px;
padding-left:25px;
}

.pageTitlein2{
background:url(images/indeximg/h3back.png) repeat-x scroll left top;
border:1px solid #CCCCCC;
color:#FFFFFF;
margin:/*10px*/ 0px;
padding:5px 10px;
text-align:left;
}

h3.pageTitlein2 span{
background:transparent url(../images/indeximg/h3point2.gif) no-repeat scroll left top;
color:#FFFFFF;
margin:0px;
padding-left:25px;
}

.pageTitle{
background:url(/images/ms_title_bar.jpg) repeat-y left top !important;
color:#000000 !important;
padding:12px !important;
}

.logobox{
background:url(images/indeximg/msbiglogo.gif) no-repeat left 50px !important;
width:70%;
height:50%;
padding:70px 100px 110px 450px;
border:0px solid #ff0000;
margin-left:-150px;
}

/*ie6 huck */
*html .logobox{
_margin-left:0px !important;
_padding:70px 100px 100px 450px !important;
}

dt{
background:url(/images/ms_title_bar2.jpg) no-repeat left top !important;
border:0px solid #ffffff !important;
padding:5px 5px 5px 10px !important;
color:#ffffff;
text-indent:10px;
font-size:15px;
}

div#content{
	color:#FFFFFF !important;
	line-height:1.5em;
}

div#topbar {
	background: url(images/header_line.jpg) repeat-x scroll left top;
	color:#ffffff !important;
	border-bottom:0px solid #24618E !important;
	padding:0px;
	margin:0px;

}
div#topbar #top-left{float:left;
}
div#topbar #top-right{float:right;}
div#top-left {
background: url(images/header_left.jpg) repeat-x scroll left top; color:#ffffff !important;
padding:32px 200px 20px 50px;
}

div#top-right{padding:55px 20px 0px 0px;}

div#top-right a{color:#aacbee !important;}
div#top-right a:hover{color:#ffffff !important;}

div#footer {

}

div#footbar {
	margin-top:0px;
	padding:20px;
	background:#F4F4F4;
	border-top:1px solid #24618E;
	text-align:center;
}



/*- サイトタイト・E-*/
#siteTitle {font-family: Arial, Helvetica, sans-serif; font-weight: normal; padding-left:20px; font-size: 32px; color: #6DA6E2;background:#ffffff;}
#siteTitle a{text-decoration:none;}

/*- ページタイト・E-*/
/*.pageTitle {border-bottom: 1px dotted #ccc; margin-bottom:10px;}*/
.pageTitle {border-bottom: 1px solid #ccc; margin:10px 0px;padding:10px;background:#555555 url(images/msimg/btoql.gif) repeat scroll left -9px; color:#ffffff;}
.pageTitle a{text-decoration:none; color:#ffffff !important;}



#top_button {display:inline; margin:0; padding:0;}
#top_button a {color: #990000; display: block;
        font: bold 120% Arial, Helvetica, sans-serif;
        padding: 5px; margin:5px;
        text-decoration: none;
        height:100px;
        border: 1px dotted #999;   
}
#top_button a:hover {background: #ffffcc;}
#top_button a em { color: #333;display:block;padding-top:15px;font: normal 85% Verdana, Helvetica, sans-serif;line-height: 125%; }
#top_button a span {color: #125F15;font: normal 70% Verdana, Helvetica, sans-serif;line-height: 150%;}


/* --- Automail・E好・--- */
.automail {display : block; background-color : #f5f5f5;border : 1px solid #c3c8cb;padding:5px;margin-bottom:5px;}
.automail .imgbox{float:left;}
.automail .imgbox img{margin:3px;}
.automail .automail_body{padding-left:20px;float:left}
.automail a.title{font-size:14px;margin-bottom:5px}
.automail .data{color:green;font-weight : bolder;font-size:120%}
.automail .automail_foot{clear:both;}


/*-------------------------*/


.itemOuter {clear:both; display: block; background-color : #f5f5f5;border : 1px solid #c3c8cb;padding:5px;margin-bottom:5px;}
.itemOuter .itemImgbox{float:left;line-height:125%;}
.itemOuter .itemImgbox img{margin:3px;}
.itemOuter .itemBody{padding:20px;float:left;}
.itemOuter .itemBody a{padding-top:10px;}
.itemOuter a.title{font-size:120%;margin-bottom:5px}
.itemOuter .itemFoot{clear:both;font-size:90%;text-align:center;}
.itemOuter p{background-color : #fff;border : 1px solid #c3c8cb;}


div#extra{margin-top:60px;}
div#wrapper{margin-top:50px;}
div#navigation{margin-top:60px;}


.top_category{list-style-type: none;font-weight: bold;}
.top_category li{display: inline;}
.top_category li a{
	display:block;
	font-size:13px;
	text-align:center;
	padding:20px;
	margin:5px;
	float:left;
	border:1px solid #9A9A9A;
	white-space: nowrap;
	background-color: #DEE3E7; color:#182842;
}
.top_category li a:hover{color: #fff;background: #26566E;}






/*- システムからのお知らせ -*/
div.news{
    padding:10px;
    margin:10px;
}
div.news_title {
    padding:10px 0 10px 20px;
    font-size: 14px;
    font-weight: bold;
    background-image: url(/images/h2bg.gif);
    background-repeat: no-repeat;
    background-position: center left;

}
div.news_foot{
  color: #808080;
  text-align: right;
  border-bottom:1px dotted #aaa;
  margin-bottom:10px;
}

table.outer {background:#fff;border: 1px solid silver;color:#333333}
table.outer th{white-space:nowrap; background:#DEE3E7; color:#333; padding:15px; font-weight:bold;}
table.outer .head {white-space:nowrap; background: #eee; padding:5px; font-weight:bold;}
table.outer td{vertical-align:top; padding:5px;}
table.outer .even {background:#fff;}
table.outer .odd  {background:#FaFaFa;}
table.outer tr.head td {padding:5px;}
table.outer tr.even td {background:#fff;}
table.outer tr.odd  td {background:#FaFaFa;}
table.outer .foot {background:#d3dee7; text-align: center; color:#333;}


div.captionBox {padding:5px;}
div.captionBox span{font-size: 10px;color: #666;border: 1px solid #666; background-color: #ffffff; margin: 2px; padding: 2px;}

div.mailBox {padding:5px;margin-bottom:10px; background-color: #eee;}
div.mailBox .mailbox_title{font-size: 15px; padding: 2px;font-weight:bold;}
div.mailBox .mailbox_body{padding:10px;}
div.mailBox .mailbox_foot{border-top: 1px solid #fff;padding:5px}



div.support_box{border: 1px solid #eee; padding: 10px; margin: 10px; color: #454545;float:left; }


/*---- pager ----*/
div.pager {padding: 10px;clear:both;}
div.pager div.navi{text-align: center;}
div.pager div.records{clear:both;text-align: right;padding-right: 10px}
div.pager a{color: #333;background: #fff;padding:3px 8px;margin:3px;border:1px solid #ccc;float:left;display:block;}
div.pager a:hover {color:#000000;background: #BFDDED;}
div.pager .active{color: #333;background: #BFDDED;padding:3px 10px 3px 10px;margin:3px;border:1px solid #aaa;font-weight: bold;float:left;display:block;}
div.pager .unset{color: #ccc;background: #fff;padding:3px 10px 3px 10px;margin:3px;border:1px solid #ccc;float:left;display:block;}



/*--- コンテンツブ・礎ク ---*/
.blockOuter{border:1px solid #ccc;}
.blockTitle{padding:15px 15px 10px 7px;background:url(/images/ms_side_title.jpg) no-repeat left top; font-weight: bold;}
.blockTitle a{color:#ffffff;padding:10px;}
.blockContent{padding:9px;background:#ffffff;}
.blockFoot{clear:both;padding:5px;}

.blockTitle a.users{background:url(/images/users.gif) no-repeat left top;padding:7px 10px 5px 30px;color:#fff;}
.blockTitle a:hover.users{background:url(/images/users.gif) no-repeat left top;padding:7px 10px 5px 30px;color:#ffee00;}
.blockTitle span.users{background:url(/images/users.gif) no-repeat left top;padding:7px 10px 5px 30px;color:#fff;}
.blockTitle span.support{background:url(/images/support.gif) no-repeat left top;padding:7px 10px 5px 30px;color:#fff;}

.blockTitle2{padding:9px 5px 6px 10px;color:#fff;background:url(/images/ms_side_title.jpg) no-repeat left top; font-weight: bold;}

div.alertAttention {
    background: #ff8 url(images/attention.gif) 15px center no-repeat;
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #D09731;
    border-bottom: 2px solid #D09731;
    margin: 5px;
}

div.alertHelp {
    background: #fff6bf url(/admin/images/img/help.gif) 15px center no-repeat;
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #ffd324;
    border-bottom: 2px solid #ffd324;
    margin: 5px;
}

div.alertError {
    background: #fff6f6 url(images/error.gif) 15px center no-repeat;
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #faa;
    border-bottom: 2px solid #faa;
    margin: 5px;
}

div.alertCancel {
    background: #fff6f6 url(images/cancel.gif) 15px center no-repeat;
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #faa;
    border-bottom: 2px solid #faa;
    margin: 5px;
}

div.alertInformation {
    background: #f8fafc url(images/information.gif) 15px center no-repeat;
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #b5d4fe;
    border-bottom: 2px solid #b5d4fe;
    margin: 5px;
}

div.alertWarnning {
	background: #fff6f6 url(images/cancel.gif) 15px center no-repeat;
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #faa;
	border-bottom: 2px solid #faa;
	margin: 5px;
}
div.alertConfirm {
	background-color: #DDFFDF;
	color: #136C99;
	text-align:center;
	border-top: 1px solid #DDDDFF;
	border-left: 1px solid #DDDDFF;
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	font-weight: bold; padding: 10px;
}
div.errorMsg { background-color: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.confirmMsg { background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.resultMsg { background-color : #CCCCCC; color: #333333; text-align: center; border-top: 1px solid silver; border-left: 1px solid silver; font-weight: bold; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 10px;}







/*-----入力フォー��E----*/
input.date {
    padding-left:20px;
    background-image: url('/images/date.gif');
    background-repeat: no-repeat;
    ime-mode: disabled;
}

input.mail {
    padding-left:20px;
    background-image: url('/images/mail.gif');
    background-repeat: no-repeat;
    ime-mode: disabled;
}

input.link {
    padding-left:20px;
    background-image: url('/images/link.gif');
    background-repeat: no-repeat;
    ime-mode: disabled;
}

input.password {
    padding-left:20px;
    background-image: url('/images/access.gif');
    background-repeat: no-repeat;
    ime-mode: disabled;
}

input.phone {
    padding-left:20px;
    background-image: url('/images/Phone.gif');
    background-repeat: no-repeat;
    ime-mode: disabled;
}
input.mobile {
    padding-left:20px;
	background-image: url('/images/mobile.gif');
	background-repeat: no-repeat;
	ime-mode: disabled;
}




/*---------*/
span.attention {
    color:red;
    border-bottom: 1px solid #FFCC00;
    padding: 2px;
    padding-left:20px;
    background-image: url('/images/attention.gif');
    background-repeat: no-repeat;
}



/* --- 也・ﾀ--- */
.arrow {padding-left:5px;padding-right:5px;font-size : 10px;font-weight: bold;color : #eabb00;font-family : Verdana, Arial, Helvetica, sans-serif; text-decoration : none;}

/* --- ・E崑--- */
.date {padding: 2px 2px 2px 20px;background-image: url('/images/date.gif'); background-repeat: no-repeat;}

/* --- ﾊ真 --- */
.photo_count {padding: 2px 2px 2px 20px;background-image: url('/images/photo.gif'); background-repeat: no-repeat;}

/* --- 応・E・--- */
.order_count {padding: 2px 2px 2px 20px;background-image: url('/images/comment_edit.gif'); background-repeat: no-repeat;}

/* --- カウンター --- */
.counter {padding: 2px 2px 2px 20px;background-image: url('/images/counter.gif'); background-repeat: no-repeat;}

/* --- 入力フォームの必須 ---*/
.notEmpty{color:red;font-size:90%;}



/*--*/
.status{background: url(images/icon/photo_pto.gif) no-repeat scroll left top !important;color:tomato;!important;color:#FF6804 !important;font-weight:bold;text-decoration:none;font-size:106%;margin:0px 0px; padding:0px 0px 0px 1.2em;}
a.green,a.green:visited{color:green;font-size:106%;font-weight:bolder;}
button.sendButton{width:150px;height:35px}
span.select_text {text-decoration : underline; cursor : pointer;}
.handle{text-decoration : underline;}


form {
margin:auto;
padding:0pt;
text-align:left;
}

form input.inputbt{
text-align:center;
margin:0px;
padding:0px;
}

form span.pass{
text-align:left;
letter-spacing:0.06em;
}

/*ie6 huck*/
*html form span.pass{
_letter-spacing:0.12em !important;
}

input.password {
background-image:url(/images/access.gif);
background-repeat:no-repeat;
font-size:1em;
padding-left:20px;
margin-top:3px;
}

/*ie6 huck*/
*html form span.pass{
_margin-left:1px;
}

/*ie7 huck*/
*:first-child+html input.password{
margin-left:2px;
}

.inputbt {
text-align:center !important;
}