@charset "Shift_JIS";

/*----------BASIC----------*/
*{
  margin : 0px;
  padding : 0px;
  font-size : 1em;
}

body{
  font-family : "ＭＳ　Ｐゴシック","ヒラギノ角ゴ Pro W3","Osaka",sans-serif;
  line-height : 1.5em;
}

div#contents{
  width : 800px;
  margin : 5px auto;
  background-color : #ffffff;
}

a img{
  border : none;
}

p#catch_copy,div#footer{
  font-family : "メイリオ","ＭＳ　Ｐゴシック","ヒラギノ角ゴ Pro W3","Osaka",sans-serif;
  font-size : 0.8em;
}
/*----------h1,h2,h3----------*/
p.h{
  font-weight : 300;
}

h3{
  width : 550px;
  height : 20px;
  margin-bottom : 10px;
  background-color : #eeeeee;
}
/*----------catch_copy----------*/

/*----------logo----------*/
div#logo{
  padding : 0 20px;
}
/*----------header_image----------*/
div#header_image{
  clear : both;
  margin : 5px 10px 0px 10px;
  width : 780px;
  height : 200px;
  background-color : #cc66ff;
}

div#header_image{
  clear : both;
  margin : 5px 10px 0px 10px;
  background : url("../images_y/header.gif") no-repeat;
  border : none;
  height : 200px;
}
/*----------pankuzu----------*/
div#pankuzu{
  padding : 0 0 0 20px;
  font-size : 0.6em;
}

div#pankuzu a{
  color : #1e90ff;
}

div#pankuzu a:hover{
  color : #ff7f50;
}

/*----------wrapper----------*/
div#wrapper{
  clear : both;
  margin : 0px;
  padding : 0px;
}
/*----------side----------*/
/*----------menu----------*/
div#side{
  margin-top : 5px;
  margin-left : 5px;
  padding : 5px;
  width : 210px;
  float : left;
}

ul.menu li{
  list-style-type : none;
  padding-left : 10px;
  background : url("../images_y/menu_icon.gif") no-repeat 3px 9px;
  border-bottom : 1px solid #ffffff;
}

ul.menu a{
  display : block;
  width : 200px;
  padding-top : 3px;
  text-decoration : none;
  background : url("../images_y/menu_off.gif") repeat-y;
  color : #000066;
}

ul.menu a:hover{
  background : url("../images_y/menu_on.gif") repeat-y;
  color : #999999;
}
/*----------free----------*/
table.free{
  font-size : 0.7em;
  border : solid 1px #666666;
  margin-bottom : 10px;
}

table.free td{
  border : solid 1px #666666;
  padding : 0 2px;
}

table.free td.free_left{
  width : 50px;
  text-align : center;
  background-color : #fffaf0;
}

table.free td.free_right{
  width : 138px;
}
/*----------adove----------*/
table.adove{
  margin-top : 20px;
  font-size : 0.7em;
  line-height : 1em;
}
table.adove td.adove_img{

}
/*----------main----------*/
div#main{
  margin-top : 5px;
  margin-right : 5px;
  padding : 5px;
  width : 550px;
  float : right;
}

p#salutation{
  font-size : 1em;
  line-height : 1.3em;
}
/*----------infobox----------*/
p.infobox{
  margin-bottom : 10px;
  padding : 5px;
  height : 7em;
  line-height : 1.4em;
  overflow : auto;
  border : 1px solid;
}

p.infobox a{
  color : #1e90ff;
}

p.infobox a:hover{
  color : #ff7f50;
}
/*----------footer----------*/
div#footer{
  clear : both;
  padding-top : 30px;
  text-align : center;
}

div#footer a{
  padding 0 3px;
  color : #000066;
}

div#footer a:hover{
  color : #999999;
}
/*----------profile_main----------*/
table#overview{
  margin-bottom : 20px;
}

table#history{
  margin-bottom : 20px;
}

table#overview td.view_left{
  font-size : 0.8em;
  border-bottom : 1px dashed #000000;
  width : 130px;
}

table#overview td.view_right{
  font-size : 0.8em;
  border-bottom : 1px dashed #000000;
  width : 420px;
}

table#history td.history_left{
  font-size : 0.8em;
  border-bottom : 1px dashed #000000;
  vertical-align : top;
  width : 130px;
}

table#history td.history_right{
  font-size : 0.8em;
  border-bottom : 1px dashed #000000;
  width : 420px;
}

/*----------siset_main----------*/
table.sisetu{
  width : 550px;
  border : none;
  padding : 3px;
}

th.sisetu_index{
  background-color : #ffe6b3;
}

th.sisetu_line{
  background-color : #ffe6b3;
  height : 5px;
}

td.sisetu_img{
  width : 200px;
}

td.sisetu_subimg{
  width : 550px;
  padding : 0px;
}

td.sisetu_sentence{
  width : 340px;
  padding : 5px;
  vertical-align : top;
  font-size : 0.8em;
  line-height : 1.3em;
}

table.sisetu a{
  color : #ff0000;
}

table.sisetu a:hover{
  color : #999999;
}

/*----------ticket_main----------*/
table.ticket{
  width : 550px;
  border : solid 1px #666666;
  padding : 0px;
}

table.ticket th{
  border : solid 1px #666666;
  line-height : 1.5em;
}

table.ticket tr.color{
  background-color : #ffffe6;
}

table.ticket td{
  border : solid 1px #666666;
  padding : 5px;
  font-size : 1em;
  line-height : 1.2em;
  text-align : center;
}

table.ticket td.name{
  text-align : left;
}

.name{
  width : 250px;
}

.small{
  font-size : 0.8em;
}

.red{
  color : #ff0000;
  font-weight : bold;
}

p.details{
  font-size : 0.8em;
  line-height : 1.2em;
}

/*----------mail_form----------*/
div#mf_wrapper{
  width : 550px;
  text-align : left;
  margin : 0px auto 0px auto;
}

table.mailform{
  width : 100%;
}

table.mailform tr th,table.mailform tr td{
  text-align : left;
  font-weight : normal;
  font-size : 14px;
  border-bottom : solid 1px #999999;
  padding : 5px;
}

table.mailform tr th{
  width : 150px;
}

table.mailform tr th span{
  color : #CC0000;
  font-size : 10px;
}

input[type="text"]{
  width : 80%;
  font-size : 1.2em;
}

table.mailform tr td textarea{
  width : 100%;
  height :180px;
  font-size : 1.2em;
}