@charset "UTF-8";

/*--------------------------------------------------------------------------------------------------------------------------

Information
	
	File name:      mailmag.css
	Summary:        mail magazine popup styles
	Created:        2008/12/10
	Last update:    2008/12/10
	Copyright:      (c) T-Garden

Contents
	
	1.reset
	2.base
	3.link
	4.sgc.html

--------------------------------------------------------------------------------------------------------------------------*/


/* 1.reset
--------------------------------------------------------------------------------------------------------------------------*/

html,body,h1,h2,h3,h4,h5,h6,div,p,ul,ol,li,dl,dt,dd,blockquote,pre,object,embed,img,fieldset,form,address,table,th,td,cite {
	margin:0;
	padding:0;
}

ul,ol {
	list-style:none;
}

img {
	border:0;
	vertical-align:bottom;
}

address,em {
	font-style:normal;
}


/* 2.base
--------------------------------------------------------------------------------------------------------------------------*/

html {_overflow-y:scroll;}

body {
	padding: 0 20px;
	line-height:1.6;
	color:#333;
	text-align:center;
	background-color:#fff;
	font-size:62.5%; /* 10px相当 */
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

*:first-child + html body {
	line-height:1.5;
	font-size:60%;
	font-family: "メイリオ",Meiryo,verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

html>/**/body {
	font-size:10px; /* モダンブラウザ用 */
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	letter-spacing:0;
}


/* 3.link
--------------------------------------------------------------------------------------------------------------------------*/

a:link {
	text-decoration: none;
	color:#e60f8c;
}

a:visited {
	text-decoration: none;
	color:#e60f8c;
}

a:hover {
	text-decoration: underline;
	color:#e60f8c;
}

a:active {
	text-decoration: underline;
	color:#e60f8c;
}


/* 4.cw.html
--------------------------------------------------------------------------------------------------------------------------*/

.sgc-cw-contents {
	width:680px;
	background-color:#fff;
	font-size:1.1em;
	margin:0 auto;
	padding:20px 0 25px 0;
	text-align:left;
}

.sgc-cw-contents h1 {
	width: 680px;
	padding:25px 0;
	text-align:center;
	background:url(../images/ticket/cw/cw_line.gif) left bottom repeat-x;
}

.sgc-cw-contents .lead-txt {
	text-align:center;
	margin-top:25px;
}

.sgc-cw-contents dl{
	width:600px;
	margin: 0 auto;
	margin-top:25px;
}

.sgc-cw-contents dt {
	float:left;
	clear:left;
	padding:15px 0 13px 15px;
}

.sgc-cw-contents dt span {
	color:#c6408e;
}

.sgc-cw-contents dd {
	padding:15px 0 13px 0;
	padding-left:12em;
	background-color:#faf8fa;
	background:url(../images/ticket/cw/cw_line.gif) left bottom repeat-x #faf8fa;
}

.sgc-cw-contents dd.eve {
	background:url(../images/ticket/cw/cw_line.gif) left bottom repeat-x #fff;
}

.sgc-cw-contents .cw-bottom-contents {
	width: 620px;
	margin: 0 auto;
}

.sgc-cw-contents h2 {
	margin-top:30px;
}

.sgc-cw-contents ol {
	list-style:decimal;
	background-color:#faf8fa;
	padding-bottom:20px;
}

.sgc-cw-contents ol li {
	padding-top:15px;
	margin-left:35px;
	padding-right:10px;
}

.sgc-cw-contents ul {
	margin:10px 0 0 0;
}

.sgc-cw-contents ul li {
	margin:5px 0 0 0;
	text-indent:-1em;
	padding-left:1em;
}

.sgc-cw-contents .cw-end {
	position: relative;
}

.sgc-cw-contents .cw-end .alphafilter {
	position: absolute;
	top: 12px;
	left: 200px;
}