body {margin: 0; padding: 0; font-size: 76%; color:#333}
ul,li{margin: 0; padding: 0;list-style:none;}
form {margin: 0; padding: 0;}
img {border: none;}
input {padding:2px}
textarea {font-size: 12px;padding: 3px}
p {margin:4px;padding:4px;line-height:150%;}
fieldset{padding:5px;}
legend{padding: 2px 10px;margin-left: 1em;}
strong{font-weight: bold;}

a{background:transparent;text-decoration:underline;cursor:pointer;} 
a:link {color:#069;} 
a:visited {color:#069;} 
a:hover,a:active {color:#c00;}

h1, h2, h3, h4, h5, h6 {padding:3px;margin:3px;}
h1 {font-size: 196%}
h2 {font-size: 136%}
h3 {font-size: 126%;}
h4 {font-size: 116%}
h5 {font-size: 106%}
h6 {font-size: 96%}

input[type="button"],
input[type="submit"],
input[type="reset"],
button {
	padding: 0.2em 1em;
}


dt{padding:5px;}
dd{margin-left:2em; margin-bottom:1em;}


#saverbox{
background: url(/images/saverbox.gif) no-repeat left top !important;
padding:60px 10px 10px 10px !important;
}




div#header{
	color: #333;
	background:#ffffff;
	width:100%;
}


div#topbar {
	clear:both;
	background:#F4F4F4;
	border-bottom:1px solid #24618E;
	padding:5px;
}
div#topbar #top-left{float:left;}
div#topbar #top-right{float:right;}


div#footer {
clear:both;
}

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;float: left;}
#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:5px 5px 10px 5px;float:left;}
.itemOuter .itemBody a{}
.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#informationBox{
	border: 2px solid #666;
	background-color: #fff;
	float: right;
	padding:3px 3px 3px 10px;
	margin: 1px 5px;
	background-color: #ffeeee;
	width:280px;
}

div#informationBox a{
	color:#dd3333;
}




/*- システムからのお知らせ -*/
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;}
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:5px;background-color: #95B1BB; font-weight: bold;}
.blockContent{padding:5px;}
.blockFoot{clear:both;padding:5px;}



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;
    color:#f33;
}

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;
    color:#f33;
}

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;}










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

input.calendar {
    padding-left:20px;
    background:transparent url('/ajax/protocalendar/images/icon_calendar.gif') no-repeat scroll 3px 2px;
    ime-mode: disabled;
	border:solid #4E6972 1px;
}

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;
    background-position:2px 2px;
    width:160px;
    ime-mode: disabled;
}

input.username {
    padding-left:20px;
    background-image: url('/images/id.gif');
    background-repeat: no-repeat;
    background-position:2px 2px;
    width:160px;
    ime-mode: disabled;
}

/* -- for ie8 huck -- */
html>/**/body input.username {
	color: blue;
}


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;
font-weight:bold;
text-decoration:none;font-size:106%;margin:0px 0px;
padding:0px 0px 0px 1.2em;
}

/* .status{color:tomato;font-weight : bolder;font-size:106%;margin:0 2px} */
a.green,a.green:visited{color:green;font-size:106%;font-weight:bolder;}
button.sendButton{padding:0.5em 2em;}
span.select_text {text-decoration : underline; cursor : pointer;}
.handle{text-decoration : underline;cursor: move;}


/* alfafilter代替ＣＳＳ */
/*img{
behavior: url('/js/fx-iepngfix.htc');
}*/