/* basic */
@charset "Shift_JIS";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}
body { line-height: 1; }
ol, ul { list-style: none;}
blockquote, q { quotes: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse; border-spacing: 0; }

/* start*/

body { font-size: 75%;}
html/**/body {font-size: 12px;}
body {font-family: verdana,"ヒラギノ角ゴ Pro W3", "Hiragino kaku gothic Pro",Osaka,"MS Pゴシック","MS PGothic",Sans-Serif; line-height: 120%;
margin: 0px 0px 20px 0px; background-color: #FFFFFF; text-align: center;
background-image: url(http://transmiles.com/index.html/img/main/shadow.gif);
background-repeat: repeat-y;
background-position: center top;　}
* + html body {font-family: "メイリオ","Meiryo"; }

a {text-decoration: none; font-weight:bold;}
a:link {color:#006CA2;}
a:visited {color:#006CA2;}
a:active {color:#006CA2;}
a:hover {color: #FF0000; text-decoration: underline; background: #F7E8E5;}
img {border:none;}
blockquote {border:1px solid #cccccc;background-color:#bfe6e6;padding:18px;}
h1 {font-size: small; margin: 0px; padding: 0px; font-weight: normal; color: #FF0000;} 
h2 {display: inline; font-size: small; margin: 0px; padding: 0px; font-weight:bold; color: #006CA2;}
h3 {display: inline; font-size: small; margin: 0px; padding: 0px;}
ul li{display: inline; margin:0px 5px 0px 5px; padding:0; front-weight: bold;}
ul {margin: 0;padding: 0;}
p {margin: 0;padding: 0; display:block; font-size: 12px; line-height: 130%; margin: 10px 0;}
#right{text-align:right}
#counter{text-align:right; padding:0px 18px 0px 0px}
#date {display: inline; font-size: x-large; margin: 0px;padding: 0px; font-weight:bold;}

/* class */

.catch-left {border:0px sold #FBFBFB; float:left; width:559px; height:232px; padding:0px;}
.catch-right {border:0px solid #000; height:142px; padding:0px;}

.liveinfo {border:0px sold #FBFBFB; float:left; width:561px; height:421px; padding:0px;}


.box {border:1px dashed #FFFFFF;background-color:#FFFFFF;width:486px; padding:18px;;margin:18px;}
#topinfo{width:538px; height:48px; padding:12px 12px 12px 48px;}

.midcont-left {border:0px solid #FBFBFB; float:left; width:256px; height:48px; padding:0px 12px 27px 18px;}
.midcont-right {border:0px solid #FBFBFB; height:48px; padding:0px 12px 27px 18px;}
.voice {font-size: small; margin: 0px; padding: 0px; font-weight: normal; color: #FF0000;}

.midcont-left img,
.midcont-right img {text-align:left; width:50px; height:50px; padding: 0px 9px 0px 0px; float:left; border:none;}

.smallbox {border:1px dashed #AAAAAA;background-color:#FAFAFA; width:446px; padding:18px; margin:0px;}

/* ID */

/* content */

#container {line-height: 140%; margin-right: auto; margin-left: auto; color:#262626;
 text-align: left; padding: 0px; width: 768px; border: 1px solid #CFCFCF;}

#content {padding: 15px 15px 5px 15px; background-color: #ffffff; }

/* top menu */
#top1 {color: #FFFFFF; background-color:#FFFFFF; 
text-align: left; padding: 0px; height: 48px; width: 768px;}

#top2 {background-color:#FFFFFF;line-height: 140%; padding:7px 0px 0px 18px; height: 24px; float: left; width: 750px;
border-top: 1px solid #FBFBFB;
border-bottom: 1px solid #FBFBFB;}

/* main */
#main {background-color:#FFFFFF;}

/* left */

#topinfo {border:0px sold #FBFBFB;  width:526px; height:112px; padding:24px 18px 24px 24px; list-style:none;}


#midcont {background-color: #FFFFFF; width: 562px; float: left; overflow: hidden;border-right: 1px solid #FBFBFB; border-bottom: 1px solid #FBFBFB;}
#midcont-leftcont {width: 562px;px; float: left; overflow: hidden; padding: 0px;} 
#pankuzu {padding: 9px 18px 9px 18px;}


/* right */
#rightmenu {float: right; overflow: hidden; width: 205px;  padding:0px;}
#mailmagazine {border-bottom:0px solid #CCCCCC; height:195px; padding:0px 12px 0px 12px; }

ul.btn{list-style:none; width:100%;}
ul.btn li{list-style:none; width:205px;}
ul.btn a{display:block; width:205px;height:28px; text-indent:-99999px; overflow:hidden;}
a.taiken {background-image:url(http://www.skg-hikigatari.com/img/taiken.gif);}
a:hover.taiken{background-image:url(http://www.skg-hikigatari.com/img/taiken2.gif); background-color:#CCCCCC;}

a.question {background-image:url(http://www.skg-hikigatari.com/img/question.gif);}
a:hover.question {background-image:url(http://www.skg-hikigatari.com/img/question2.gif); background-color:#CCCCCC;}

a.link {background-image:url(http://www.skg-hikigatari.com/img/link.gif);}
a:hover.link {background-image:url(http://www.skg-hikigatari.com/img/link2.gif); background-color:#CCCCCC;}

a.mail {background-image:url(http://www.skg-hikigatari.com/img/mail.gif);}
a:hover.mail {background-image:url(http://www.skg-hikigatari.com/img/mail2.gif); background-color:#CCCCCC;}
 
/* footer */
#footer {clear:both; background-color: #FFFFFF; padding:12px}

#powered {font-family: Verdana, Arial, sans-serif; font-size: x-small; line-height: 140%;
 text-align: left; color: #666666; margin-top: 50px;}

/* category */
#category {background-color:#FFFFFF;}
#category h2  {display: block;}
#category-midcont-left {width: 524px;px; float: left; overflow: hidden; padding: 18px;}
#category-midcont-left ul{line-height:170%; font-size:13px;}
#category-midcont-left ul li { display:block; }


/* entry */
#entry-midcont-left {width: 524px;px; float: left; overflow: hidden; padding: 18px;}
#entry-midcont-left p{line-height:120%;  font-size:13px;}
#mailmaga-left {border:0px solid #000; float:left; width:256px; height:190px;}
#mailmaga-right {border:0px solid #000; height:190px;}
#entry-midcont-left h2{display: block;color: #262626; background-color: #FFFFFF; font-size:large;
text-align: left; font-weight: bold; padding: 12px; border-left: 6px solid #FF0000;}

#entry-midcont-left h3{display: block;color: #262626; background-color: #FFFFFF; font-size: small;
text-align: left; font-weight: bold; padding: 3px; border-left: 5px solid #FF0000;margin-bottom: 10px;}

#entry-midcont-left strong {color: #FF0000; font-weight: bold;}
#entry-midcont-left u {color: #FF0000; text-decoration: underline;}
#entry-midcont-left em {font-style:normal; display: block; border-left: 5px solid #FF0000;
padding: 0 0 0 5px;}

#entry-midcont-left li {display:block; front-weight: normal; list-style-type;}

#entry-midcont-left a {text-decoration: underline;}
#entry-midcont-left a:link {color:#0066cc;}
#entry-midcont-left a:visited {color:#0066cc;}
#entry-midcont-left a:active {color:#0066cc;}
#entry-midcont-left a:hover {color: #FF0000; text-decoration: underline; background: #F7E8E5;}