@charset "UTF-8";

/* ---------------------------------------------------------------------
Stylesheet for EVOL
FileName: common.css
--------------------------------------------------------------------- */

/* base */
* {margin: 0; padding: 0;}
body, td, th {font: 12px/1.6em "Osaka", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Arial", "sans-serif", "ＭＳ ゴシック", "Osaka－等幅", "Osaka-Mono", monospace; color: #666666; letter-spacing: 0px;}
body { background-image:url(../img/dot_bg.gif); background-repeat:repeat; text-align: center;}
img {border: 0; vertical-align: bottom}
ul, li {list-style-type: none;}
br {letter-spacing: 0 !important;}
a { outline: none; }

/* anchor */
a:link, a:visited {color: #ff3300; text-decoration: none;}
a:active, a:hover {color: #ff3300; text-decoration:underline;}


/* general layout */
#container {width: 1000px; text-align: center; margin: 0 auto; cursor: default; background-color:#ffffff;}
#contents {width: 920px; text-align:left; padding: 15px 40px 10px 40px;}
#header {width: 920px; height:65px; margin: 0px; position: relative;}
#footer {width: 920px; height:100px;}


/* header - logo & menu */
#header p.logo { position:absolute; top: 0; left: 0;}
#header p.logo2 {position: relative; top: 0; left: 85px; width:150px; padding-top: 6px;}
#header ul.menu {width:845px; font-size: 0; line-height: 0; position: relative; padding-top: 11px; right: 0; float:right;}
#header ul.menu li {display: inline;}
#header ul.menu li {padding-left: 10px;}
.mright37 {margin-right:37px;}


/* general layout */
#main {width: 590px; float:left; padding-top:30px; padding-bottom:75px;}
#mainfull {width: 920px; padding-top:30px; padding-bottom:75px;}
#side {width: 270px; float:right; padding-top:30px;}
.infoimg{ float:left; margin-right:15px; margin-bottom:15px; margin-top:4px;}
.mbtm50 { margin-bottom:50px;}
.mbtm30 { margin-bottom:30px;}
.mbtm20 { margin-bottom:20px;}
.mbtm10 { margin-bottom:10px;}
.mbtm8 { margin-bottom:8px;}
.mbtm5 { margin-bottom:5px;}
.mtop100 {margin-top:100px;}
.mtop30 {margin-top:30px;}
.mtop5 {margin-top:5px;}
.mright20{margin-right:20px;}
.mleft180{margin-left:180px;}
.size24{font-size:24px; font-weight:bold;}
.size18{font-size:18px;}
.size18blue{font-size:18px; color:#003399; font-weight:bold;}
.size14b{font-size:14px; font-weight:bold;}
.size14{font-size:14px;}
.txth24{line-height:24px;}
.dotline {margin-bottom:30px; margin-top:30px;}
.dotline2 {margin-bottom:10px; margin-top:30px;}
.small{font-size:10px;}
.bluetxt{color:#003399; font-weight:bold;}
.mailmaga {width:250px; background-color:#f5f5f5; font-size:10px; padding:10px 10px 10px 10px; margin-bottom:50px;}
.r_box660 {width: 660px; float: right;}
.l_box230 {width: 230px; float: left;}
.r_box440 {width: 440px; float: right;}
.l_box200 {width: 200px; float: left; margin-bottom:40px;}
.l_box200m {width: 200px; float: left; margin-right:30px; margin-bottom:40px;}
.l_box202 {width: 202px; float: left;}
.r_box200 {width: 200px; float: right;}
.r_box300 {width: 300px; float: right;}
.l_box320 {width: 320px; float: left;}
.pagetop {float: right;}
.pagetop2 {float: right; margin-bottom:20px;}
.disc { margin: 0px; padding: 0px; border-top: solid 1px #666666; border-bottom: solid 1px #666666; border-left: solid 1px #666666; border-right: solid 1px #666666; }


/* footer - layout */
#footer .r_box {width: 274px; float: right;}
#footer .l_box {float: left;}
a.footer:link {COLOR: #666666; TEXT-DECORATION: none;}
a.footer:visited {COLOR: #666666; TEXT-DECORATION: none;}
a.footer:hover {COLOR: #666666; TEXT-DECORATION: underline;}


/* clear */
.clearfix:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix {min-height: 1px;}
* html .clearfix {height: 1px; /*¥*//*/ height: auto; overflow: hidden; /**/}
br.clear {clear: both; display: none;font-size: 0px;line-height: 0%;height: 0px}