@charset "UTF-8";

/*
:: reset & base style sheet
:: last update 2009-05-15
*/

/*==================================================

:: css for STUDIO24 tsudanuma - for common
:: http://studio24tsudanuma.com/
:: copyright (c) 2008 STUDIO24 tsudanuma, all rights reserved.

:: author - sunny coding department
:: http://sunny-coding-department.com/

==================================================*/

/*========== body ==========*/
* {
margin: 0px;
padding: 0px;
}

body {
line-height: 15px;
color: #888888;
background-color: #080A15;
background-image: url(../img/background/background_line.png);
font-family: osaka,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',
'メイリオ',Meiryo,'ＭＳＰゴシック','MS PGothic',sans-serif;

font-size: 10px; text-align: center;

}

div#wrapper {
margin: 0 auto;
background-image: url(../img/background/background.png);
background-repeat: no-repeat;
width: 950px;
text-align: left;
}

div#container {
padding: 0px 25px 0px 25px;
clear: both;

}

img {
border: none;
} 

.borderImg {
border: 5px solid #111111;
}

div.clearLine {
clear:both; 
}

.float {
margin: 0;
padding: 0;
float: left;
}

.floatBanner {
width: 160px;
height: 250px;
float: left;
}

/*========== header ==========*/
div#header{
width: 950px; 
height: 170px;
text-align: left;
color: #ffffff;
}

div#titlebox {
float: left;
width: 340px;
height: 170px;
}

div#title {
width: 340px;
height: 30px;
}

div#logo {
margin-top: 10px;
margin-left: 10px;
width: 200px;
height: 80px;
}

* html #imgLogo {
behavior: expression(IEPNGFIX.fix(this));
}

* html .pingfix {
behavior: expression(IEPNGFIX.fix(this));
}

div#headerbox {
width: 610px;
float: right;
}

div#headerContents {
float: right;
width:350px;
height: 80px;
text-align: right;
}

* html #headerContents {
float: right;
width:350px;
height: 0px;
text-align: right;
}

div#navigation {
padding-top: 5px;
padding-right: 30px;
}

div#headline {
padding-top: 5px;
padding-right: 25px;
}

form {

}

.seachbox {
padding-left: 5px;
border-top: 1px solid #ffffff;
border-right: 0px;
border-bottom: 1px solid #ffffff;
border-left: 0px;
width: 175px;
height: 40px;
color: #ffffff;
}

select.select {
width: 175px;
}

textarea.txt {
padding-left: 5px;
border-top: 1px solid #ffffff;
border-right: 0px;
border-bottom: 1px solid #ffffff;
border-left: 0px;
width: 175px;
color: #ffffff;
background-color: #333333;
}

.send-button {
width: 50px;
vertical-align: middle;
}

.send-button2 {
width: 50px;
}

/*========== menu ==========*/
div#menuComponent {
text-align: center;
}

div#menu {
padding: 10px;
float: right;
width: 560px;
}

ul.menuUl {
list-style: none;
font-size: 14px;
text-align: center;


}

li.menuLi {


width: 90px;
float: left;
display:inline;
}

/*========== footer ==========*/
div#footer {
margin-top: 0px;
padding-top: 10px;
border-top: 1px solid #555555;
clear: both;
width: 100%;
height: 200px;
color: #ffffff;
background-image: url(../img/background/footer.png);
background-repeat: no-repeat;
text-align: center;
}

div#copyright {
margin: 0px auto 10px auto;
padding-top: 10px;
padding-bottom: 10px;
width: 545px;
height: 130px;
text-align: center;
}

* html #footerLogo {
behavior: expression(IEPNGFIX.fix(this));
}

ul.footerNavigationUl {
margin: 0 auto;
list-style: none;
text-align: center;
}

li.footerNavigationLi {
margin-right: 5px;
padding-right: 5px;
border-right: 1px solid #ffffff;
display:inline;
text-align: center;
}

li.footerNavigationLiR {
margin-right: 5px;
padding-right: 5px;
border: 0;
display:inline;
text-align: center;
}

ul.separateUl {
padding-top: 5px;
border-top: 1px solid #555555;
list-style: none;
text-align: center;
}

li.separateLi {
padding-right: 5px;
float: left;
display:inline;
text-align: center;
}

/*========== other ==========*/
div.base {
padding: 0px 5px 5px 5px;
background-color: #333333;
}


/*========== end ==========*/