@charset "UTF-8";

body { margin: 0; padding: 0; font-family: Helvetica,'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Meiryo,'メイリオ','ＭＳ Ｐゴシック',sans-serif; font-size: 100%; text-align: justify; line-height: 1.6; }
img { border: 0; -ms-interpolation-mode: bicubic; }
form { margin: 0; padding: 0; }
a { outline: none; }
a:link { color: #; text-decoration: underline; }
a:visited { color: #; text-decoration: underline; }
a:hover { color: #; text-decoration: none; }
a:hover img { filter: alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80; }
.clearfix { /zoom: 1; }
.clearfix:after { content: ''; display: block; clear: both; height: 0; }

div#takeoCity { padding: 5px 0; background: #eee; }
div#takeoCity div.inner { margin: 0 auto; width: 934px; font-size: 80%; }
div#takeoCity img { margin: 0.1em 0.4em 0 0; vertical-align: text-bottom; }
div#takeoCity strong { font-weight: 400; }
div#globalHeader { margin: 0 auto; width: 950px; height: 142px; position: relative; }
div#globalHeader a#logo { position: absolute; top: 5px; left: 0; }
div#globalHeader a.about { position: absolute; top: 8px; left: 677px; }
div#globalHeader a.contact { position: absolute; top: 8px; left: 841px; }
div#contents { margin: 0 auto; padding: 10px 0 50px 0; width: 950px; }
div#contents h1 { margin: 0 0 24px 0; padding: 0; }
div#contents h2 { margin: 0 0 24px 0; padding: 0 0 5px 10px; border-bottom: solid 1px #ccc; font-size: 120%; }
div#globalFooter { margin: 0 auto 40px auto; width: 950px; }
div#globalFooter dl { margin: 0 5px; padding: 0; }
div#globalFooter dt { margin: 0; padding: 0; width: 50%; float: left; }
div#globalFooter dt strong {}
div#globalFooter dt p { margin: 0; padding: 0; font-size: 90%; }
div#globalFooter dd { margin: 0; padding: 0; width: 50%; font-size: 80%; float: right; position: relative; }
div#globalFooter dd span { position: absolute; bottom: 0; right: 0; }

/* --------------------------------------------------
Home
-------------------------------------------------- */
body#Home {}
body#Home div#contents dl { margin: 0 0 28px 0; padding: 0; }
body#Home div#contents dt { margin: 0; padding: 14px 0 0 0; width: 660px; float: right; }
body#Home div#contents dd { margin: 0; padding: 0; width: 290px; height: 334px; background: url(../images/index/balloonBack.gif); float: left; position: relative; }
body#Home img.balloon01 { position: absolute; top: 0; left: 73px; }
body#Home img.balloon02 { position: absolute; top: 73px; left: 15px; }
body#Home img.balloon03 { position: absolute; top: 247px; left: 146px; }
body#Home ul#navi { margin: 0; padding: 0; width: 680px; list-style: none; }
body#Home ul#navi li { margin: 0 20px 20px 0; float: left; }
body#Home ul#navi li img { vertical-align: top; }
body#Home div#new { margin: 0 0 67px 0; width: 950px; height: 280px; background: url(../images/index/newBack.gif); font-size: 90%; position: relative; }
body#Home div#new div.inner { width: 650px; height: 210px; overflow: auto; position: absolute; top: 49px; left: 46px; }
body#Home div#new ul { margin: 0; padding: 0; list-style: none; }
body#Home div#new li { padding: 10px 12px; border-bottom: solid 1px #000; }
body#Home div#footerNavi {}
body#Home div#footerNavi ul { margin: 0; padding: 0; width: 960px; list-style: none; }
body#Home div#footerNavi li { margin: 0 10px 0 0; width: 230px; line-height: 1; float: left; }
body#Home div#footerNavi a { padding: 12px 30px; background: url(../images/common/arrow.gif) 12px center no-repeat; border: solid 1px #000; display: block; }

/* --------------------------------------------------
Support
-------------------------------------------------- */
div#support {}
div#support h1 { padding: 0 !important; border: none !important; }
div#support div#live { margin: 0 0 36px 0; }
div#support div#work {}
div#support h2 { margin: 0; padding: 0; border-bottom: none; float: left; }
div#support ul { margin: 0; padding: 0; width: 670px; list-style: none; float: left; }
div#support li { margin: 0 0 12px 0; }
div#support dl { margin: 0; padding: 0; }
div#support dt { margin: 0; padding: 0; width: 140px; float: left; }
div#support dd { margin: 0; padding: 0; width: 530px; float: left; }
div#support dd img { vertical-align: top; }
div#support dd strong { padding: 0 24px 0 0; background: url(/osumou/images/common/arrow.gif) right center no-repeat; }
div#support dd a {}
div#support dd p { margin: 5px 0 0 0; padding: 0; font-size: 90%; }

/* --------------------------------------------------
Contact
-------------------------------------------------- */
body#Contact {}
body#Contact h1 { padding: 0 0 0 15px; border-left: solid 5px #111; font-size: 150%; }
body#Contact table { margin: 0 0 20px 0; width: 100%; border-collapse: collapse;  }
body#Contact th { padding: 10px 20px; background: #eee; border: solid 1px #ccc; }
body#Contact td { padding: 10px 20px; border: solid 1px #ccc; }
body#Contact td input { font-size: 100%; }
body#Contact div.auth-captcha {}
body#Contact div.auth-captcha img.auth-captcha-image { display: block; }
body#Contact div.auth-captcha input { font-size: 100%; }

/* --------------------------------------------------
Login
-------------------------------------------------- */
body#login h1 { padding: 0 0 0 15px; border-left: solid 5px #111; font-size: 150%; }
body#login h1.image { padding: 20px 0 0 0; border-left: none; }
body#login form#loginForm { margin: 20px auto; padding: 30px 50px; width: 500px; background: #eee; border-radius: 10px; }
body#login table { width: 100%; }
body#login th { padding: 10px 0; white-space: nowrap; }
body#login td { padding: 10px 20px; width: 100%; }
body#login td input { padding: 5px; width: 100%; font-size: 100%; box-sizing: border-box; }
body#login div#loginButton { margin: 10px 0 0 0; text-align: center; }
body#login p.message { margin: 20px auto; padding: 30px 50px; width: 500px; background: #eee; border-radius: 10px; }

/* --------------------------------------------------
CMS
-------------------------------------------------- */
body#cms {}
body#cms div#cmsNavi { margin: 0 auto 20px auto; padding: 15px 20px; width: 910px; background: #eee; border-radius: 10px; font-size: 90%; }
body#cms div#cmsNavi p { margin: 0; padding: 0; float: left; }
body#cms div#cmsNavi ul { margin: 0 0 0 20px; padding: 0; list-style: none; float: left; }
body#cms div#cmsNavi li { padding: 0 20px; border-left: solid 1px #999; float: left; }
body#cms h1 { padding: 0 0 0 15px; border-left: solid 5px #111; font-size: 150%; }
body#cms table#list { width: 100%; border-collapse: collapse; }
body#cms table#list th { padding: 10px 20px; background: #eee; border: solid 1px #ccc; font-size: 90%; text-align: center; }
body#cms table#list td { padding: 10px 20px; border: solid 1px #ccc; font-size: 90%; }
body#cms table#regist { width: 100%; border-collapse: collapse; }
body#cms table#regist th { padding: 10px 20px; background: #eee; border: solid 1px #ccc; font-size: 90%; text-align: center; }
body#cms table#regist th span { margin: 0 0 0 0.3em; color: #f00; }
body#cms table#regist td { padding: 10px 20px; border: solid 1px #ccc; font-size: 90%; }
body#cms table#regist td input.w100 { margin: 0; padding: 5px; width: 100%; font-size: 100%; box-sizing: border-box; }
body#cms table#regist td textarea { margin: 0; padding: 5px; width: 100%; height: 10em; font-size: 100%; box-sizing: border-box; }
body#cms table#regist td label { margin: 0 1em 0 0; }
body#cms table#regist td label input { margin: 0 0.5em 0 0; }

body#cms table#regist ul#photoList { margin: 10px 0 0 0; padding: 0; list-style: none; }
body#cms table#regist ul#photoList li { margin: 0 5px 10px 0; padding: 0 10px 10px 10px; width: 178px; border: solid 1px #ccc; text-align: center; float: left; }
body#cms table#regist ul#photoList li a { margin: 5px 0; width: 178px; height: 178px; display: block; overflow: hidden; }
body#cms table#regist ul#photoList li img { width: 178px; height: auto; vertical-align: top; }

body#cms div#formButton { margin: 20px 0; text-align: center; }

body#cms label.error { margin: 5px 0 0 0; padding: 5px 10px; background: #f00; color: #fff; display: block; }


/* --------------------------------------------------
News
-------------------------------------------------- */

body#News h1 { padding: 0 0 0 15px; border-left: solid 5px #111; font-size: 150%; }

/* --------------------------------------------------
Default
-------------------------------------------------- */
body#Default h1 { padding: 0 0 0 15px; border-left: solid 5px #111; font-size: 150%; }