/* CSS Document */

BODY { color: #333; font-size: 14px; line-height: 1.6; letter-spacing: 0; text-indent: 0; background:url(img/back.gif) repeat-x}
table { border-collapse:collapse}

li { list-style-type:none;}

#header { width: 950px; height: 98px; background: url(img/header.gif) no-repeat; vertical-align:top; margin: 0 auto;}
#header h1 { width: 855px; padding:0px; margin:0px; text-align:right}
.home { float:left; padding-left:100px}

#navi_menu { width: 950px; padding:0px 0px 0px 0px; background:url(img/menu/base.jpg) no-repeat; margin: 0 auto;}
#navi_menu ul.n_menu li { float: left; padding:0px; margin:0px}
#navi_menu ul { padding:0px; margin:0px; line-height:0;}

.main { padding:25px 95px 40px 95px; width: 760px; margin: 0 auto;}

#footer {  padding:23px 0px 25px 0px; color:#FFFFFF; font-size:12px; background:url(img/footer.gif) repeat-x;}
#footer a { color:#FFFFFF}
#footer ul { margin:10px 0px 0px 175px}
#footer li { background:url(img/footer_li.png) no-repeat; padding:5px 0px 0px 20px;}

.navi_under { width:950px; margin: 0 auto; text-align:center}
.footer_under { width:760px; height:75px; padding:20px 95px 0px 95px; margin: 0 auto; vertical-align:bottom}
.footer_logo { float:left}
.footer_tel { float:right}
.copyright { text-align:center; font-size:12px; padding:0px 0px 20px 0px}

.top_navi_base { background:#edece9}
#top_navi { padding:5px 95px 5px 95px; width: 760px; margin: 0 auto; font-size:12px}
#top_navi a { color:#333333}
.top_title { background:url(img/h2.gif)}
h2 { padding:0px 95px 0px 95px; width: 760px; margin: 0 auto; text-align:left; height:45px}

.red { color:#FF0000; font-weight:bold}
.bule { color:#3399cc; font-weight:bold}
.brown { color:#aa930e; font-weight:bold}
.glay { color:#aaaaaa; text-align:center}
.p12 { font-size:12px}
.p14 { font-size:14px}
.p16 { font-size:16px}
.p18 { font-size:18px}
.p24 { font-size:24px}

.item_base { border:#60c9e7 solid 3px; padding:15px}
.item_title { border-bottom: solid 2px #cccccc; border-right:solid 2px #cccccc;margin-bottom:10px; background:url(img/footer.gif); padding:3px 0px 3px 15px; color:#FFFFFF; font-weight:bold; font-size:16px}
.item_details { padding:5px}
.item_icon { padding-top:5px; text-align:right}

.photo_right { float:right; margin-right:5px}

/* INDEX */

.top_logo { background:#0054ce; text-align:center}

.news_base { width:434px; border:#60c9e7 solid 3px; padding:8px 10px 5px 10px; vertical-align:top}
.news_logo { border-bottom: solid 2px #cccccc}
.news_item { border-bottom: 2px dotted #60c9e7; padding:10px; line-height:130%;}
.news_more { float:right}

#banner { padding:0px}
#banner ul{ margin:0px 0px -10px 24px; padding:0px; line-height:100%}
#banner li{ margin:0px 0px 10px 0px; padding:0px}

/* information */

.info_base { border:#60c9e7 solid 3px; padding:8px 10px 10px 10px; vertical-align:top}

/* events */

.item_intitle { background:#bfe8f3; padding:3px 3px 3px 10px; color:#3399cc; font-weight:bold; margin-bottom:10px}
.item_inbase { border:#bfe8f3 solid 2px; padding:15px;}
.item_point { background:url(img/item_point.gif) no-repeat; padding:3px 3px 3px 25px}
.item_menu { background:#bfe8f3; color:#3399cc; font-weight:bold;}

.campaign_box1 { background:#3399cc; color:#FFFFFF; border:#3399cc 1px solid; font-weight:bold;}
.campaign_box2 { border:#3399cc 1px solid; padding:5px}

.renewal_box1 { border:#bfe8f3 solid 2px; padding:15px 15px 0px 15px; border-bottom:none; vertical-align:top}
.renewal_box2 { border:#bfe8f3 solid 2px; padding:0px 15px 10px 15px; border-top:none; border-bottom:none; vertical-align:top}
.renewal_box3 { border:#bfe8f3 solid 2px; padding:0px 15px 15px 15px; border-top:none; text-align:center; vertical-align:top}

/* business */

.business_base { background:#e2f4f9 }

/* ambassador */

#item_inbase { border:#bfe8f3 solid 2px; padding:15px;}
#item_inbase ul { padding:0px; margin:10px 0px 0px 25px}
#item_inbase li { list-style:decimal; margin-bottom:10px}
.prof_base { border:#bfe8f3 solid 2px; padding:15px; margin-top:10px; height:200px}
.prof_name { font-weight:bold; border-bottom: #3399cc dotted 2px; padding-bottom:5px; margin-bottom:8px; width:470px}
.prof_photo { float:right; margin:0px 5px 0px 20px}

/* dispatch */

#item_table { padding:5px}
#item_table table { width:100%}
#item_table td { border:solid 1px #3399cc;}
#item_table th { font-weight:normal}
.map { border:#3399cc 1px solid; padding:5px; padding:30px 0px 30px 0px; width:650px; margin: 0 auto;}
.chiku { background:url(img/footer.gif); padding:3px 0px 3px 15px; color:#FFFFFF; font-weight:bold; font-size:16px; text-align:left}
.return { text-align:right; padding-top:5px}
.sankaku { padding:0px 0px 0px 20px; background:url(dispatch/img/top.gif) no-repeat}
.dispatch_base { background:#e2f4f9; text-align:center;}
.end { background:#eeeeee}

/* illustration */

.il_photo { text-align:center; background:#effcff; margin:10px 0px 10px 0px}
.il_inbase { border:#bfe8f3 solid 2px; padding:10px; margin-top:10px}

/* message */

.message_base { border:#bfe8f3 solid 2px; padding-top:15px; padding-left:15px; padding-right:15px; height:auto; }
.message_intitle { background:#bfe8f3; padding:3px 3px 3px 10px; color:#3399cc; font-weight:bold; margin-bottom:10px; clear:left; }
.message_photo { float:left; padding-bottom:10px; }
.message_text { margin-left:50px; padding-left:20px; text-align:left; overflow:auto; }
.message_photo img { width:400px; height:auto; }
.message_sankaku { padding:0px 0px 0px 20px; background:url(dispatch/img/top.gif) no-repeat}

/* ページ上部へボタン */
#page-top { position: fixed; bottom: 10px; right: 20px; font-size: 77%; visibility:hidden; }
#page-top a { background: #06A; text-decoration: none; color: #fff; width: 100px; padding: 20px 0; text-align: center; display: block; border-radius: 10px; }
#page-top a:hover { text-decoration: none; background: #09D; }