@CHARSET "UTF-8";

/******************************************************************************
* タグ系スタイル
******************************************************************************/

* {
  margin:0;
  padding:0;
}

body {
  width:950px;
  font-family:"ＭＳ Ｐゴシック","arial","ヒラギノ角ゴ Pro W3";
  font-size:12px;
  line-height:140%;
  margin:0px auto;
  padding:0px;
}

p {
  margin:0;
  padding:0;
}

img {
  border:0;
}

a.red:hover,
a.green:hover,
a.grey:hover,
a.white:hover,
a.orange:hover,
a.blue:hover{
  text-decoration:underline;
}

ul,li {
  margin:0;
  padding:0;
  list-style-type:none;
}

input {
  height : 15px;
}

button {
  height : 22px;
  font-size:10px;
}

table {
  border : 0;
  border-collapse: 0;
  border-spacing: 0;
}

h1,h2,h3,h4,h5,h6,select {
  margin: 0;
  padding: 0;
  color:#000;
  font-size: 12px;
  font-weight: normal;
  font-family:  "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
}

/******************************************************************************
* ヘッダースタイル
******************************************************************************/

#container {
  width:950px;
}

#header {
  width       : 950px;
  height      : 19px;
  background  : url(../imgs/background/header_background.gif) no-repeat center;
}

#logo {
  width       : 950px;
  margin      : 3px 0;
}

#search {
  width       : 950px;
  height      : 81px;
  background  : url(../imgs/background/search_background.gif) no-repeat center;
}

#search .menu {
  color       : #003399;
  text-align  : center;
  font-weight : bold;
  padding     : 16px 0 0 0;
}

#search .menu a {
  color       : #003399;
}

#search .engine {
  text-align  : center;
  padding     : 8px 0 0 0;
}

/******************************************************************************
* フッタースタイル
******************************************************************************/

#footer {
  width       : 950px;
  height      : 41px;
  background  : url(../imgs/background/footer_background.gif) no-repeat center;
}

/******************************************************************************
* テーブルスタイル
******************************************************************************/

#form {
}

#form table {
  width: 100%;
  border-collapse: collapse;
  border-collapse: 0;
  border-spacing: 0;
  padding:0;
  margin:0;
}

#form table tr {
  height: 25px;
  vartical-align:center;
}

#form table th {
  width: 20%;
  text-align:center;
  vartical-align:center;
  background-color:#eeeeee;
  color : #777777;
}

#form table td {
  width: 75%;
  vartical-align:center;
  padding: 0 2% 0 3%;
}

#form table td input[type="radio"],
#form table td input[type="checkbox"]{
  width: 20px;
  height:16px;
}

#form table td input{
  width: 90%;
  height:16px;
}

#form table td select{
  width: 90%;
  height:20px;
  height:16px;
}

#form table td .desc {
  font-size:10px;
  color: gray;
}

.error {
  background-color:#FFDAB9;
  border :1px solid red;
}

.half {
  width: 50%;
}

.quota {
  width: 25%;
}

/******************************************************************************
* エリア系スタイル
******************************************************************************/

.MessageArea {
  padding:20px 20px 0 20px;
}

.ButtonArea {
  padding:15px 0px;
  text-align:center;
}

#LeftMenu {
  float:left;
  width:172px;
  margin-right:10px;
}

#RightContents {
  float:right;
  width:768px;
}

#LeftContents {
  float:left;
  width:586px;
  margin-right:10px;
}

#RightMenu {
  float:right;
  width:172px;
}

/******************************************************************************
* ボックス系スタイル
******************************************************************************/

/** 左メニュー **/

#LeftMenu .BoxSignService {
  height:25px;
  width:172px;
  background:url(../imgs/title/160/left/title_sign_service.gif) no-repeat center;
}

#LeftMenu .BoxMemberSupport {
  height:25px;
  width:172px;
  background:url(../imgs/title/160/left/title_member_support.gif) no-repeat center;
}

#LeftMenu .BoxAbout {
  height:25px;
  width:172px;
  background:url(../imgs/title/160/left/title_about.gif) no-repeat center;
}

#LeftMenu .BoxDeveloper {
  height:25px;
  width:172px;
  background:url(../imgs/title/160/left/title_developer.gif) no-repeat center;
}

#LeftMenu .BoxMiddle {
  width:172px;
  background:url(../imgs/title/160/left/title_middle.gif) repeat-y center;
}

#LeftMenu .BoxBottom {
  height:3px;
  width:172px;
  background:url(../imgs/title/160/left/title_bottom.gif) no-repeat center;
}

#LeftMenu .BoxContents {
  padding:5px;
}

#LeftMenu .BoxContents #BoxMenu ul li{
  border-bottom : 1px dotted #333333;
  height: 20px;
  padding: 5px 0 0 0;
}

/** まん中コンテンツ **/

#LeftContents .BoxTop {
  height: 25px;
  background:url(../imgs/title/636/title_bar.gif) no-repeat center;
}

#LeftContents .BoxMiddle {
  background:url(../imgs/title/636/title_middle.gif) repeat-y center;
}

#LeftContents .BoxBottom {
  height:3px;
  background:url(../imgs/title/636/title_bottom.gif) no-repeat center;
}

#LeftContents .BoxTitle {
  padding:4px 0 0 6px;
  color : #003399;
  font-weight : bold;
  font-size : 14px;
}

#LeftContents .BoxContents {
  padding:5px;
}

.InnerBox {
  width:278px;
  height:90px;
  border:1px dotted #003399;
}



/** 右メニュー **/

#RightMenu .BoxService{
  height:25px;
  background:url(../imgs/title/160/right/title_banner.gif) no-repeat center;
}

#RightMenu .BoxWebMail{
  height:32px;
  width:172px;
  background:url(../imgs/title/160/right/title_webmail.gif) no-repeat center;
}

#RightMenu .BoxMobile{
  height:29px;
  width:172px;
  background:url(../imgs/title/160/right/title_mobile.gif) no-repeat center;
}

#RightMenu .BoxWeather{
  height:32px;
  width:172px;
  background:url(../imgs/title/160/right/title_weather.gif) no-repeat center;
}

#RightMenu .BoxNews{
  height:32px;
  width:172px;
  background:url(../imgs/title/160/right/title_news.gif) no-repeat center;
}

#LeftMenu .BoxLink{
  height:28px;
  width:172px;
  background:url(../imgs/title/160/right/title_link.gif) no-repeat center;
}
#RightMenu .BoxMiddle {
  background:url(../imgs/title/160/right/title_middle.gif) repeat-y center;
  /* 2011.08.04追加 */
  border-bottom: 1px solid #4866a6;
}

#RightMenu .BoxBottom {
  height:3px;
  background:url(../imgs/title/160/right/title_bottom.gif) no-repeat center;
}

#RightMenu .BoxContents {
  padding:5px;
}


/******************************************************************************
* 色,フォント系スタイル
******************************************************************************/

.red {
  color:#FF5959;
  text-decoration:none;
}

.required {
  color:#FF5959;
}

.blue {
  color:#0000aa;
  text-decoration:none;
}

.white {
  color:#ffffff;
  text-decoration:none;
}

.green {
  color:#649B00;
  font-family:tahoma;
  padding: 2px 0px 2px 0px;
  text-decoration:none;
}

.grey{
  color:#9A9A9A;
  text-decoration:none;
}

.dark_grey {
  color:#A9A9A9;
  text-decoration:none;
}

.black{
  color:#222222;
  text-decoration:none;
}

.orange{
  color:#ff8000;
  text-decoration:none;
}

.beaju{
  color:#E4BC96;
  text-decoration:none;
}

.bg_green {
  background-color: #D0FFD0;
}

.bg_grey {
  background-color:#dcdcdc;
}

.bg_rightgrey {
  background-color:#dddddd;
}

.bg_red {
  background-color:#FFC6C6;
}

.bg_blue {
  background-color:#afeeee;
}

.bg_orange {
  background-color:#FFDDC8;
}

.txt_30 {
  font-size:30px;
}

.txt_28 {
  font-size:28px;
}

.txt_26 {
  font-size:26px;
}

.txt_24 {
  font-size:24px;
}

.txt_22 {
  font-size:22px;
}

.txt_20 {
  font-size:20px;
}

.txt_18 {
  font-size:18px;
}

.txt_16 {
  font-size:16px;
}

.txt_14 {
  font-size:14px;
}

.txt_12 {
  font-size:12px;
}

.txt_10 {
  font-size:10px;
}

.right {
  text-align:right;
}

.center {
  text-align:center;
}

.left {
  text-align:left;
}

.Description {
  color:#666666;
  padding:5px 5px;
}

.memo {
  color:#666666;
}

a:link, a:visited, a:hover, a:active{
  text-decoration:none;
  margin:0;
  padding:0;
  }

a:link {
  color:#333333;
}

a:visited {
  color:#333333;
}

a:hover {
  color: #204BE1;
}

a:active {
  color: #204BE1;
}

/******************************************************************************
* コンテンツ共通スタイル
******************************************************************************/

.dotted {
  border-bottom :1px dotted #333333;
}

.float_right {
  float: right;
}

.float_left {
  float: left;
}

.clear {
  clear:both;
}