@charset "utf-8";

/**************************************************************

Reset

***************************************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,embed,object{ 
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
body {
    font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size:inherit;
    font:100%;
}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
fieldset,img { 
    border: 0;
}
img{
    vertical-align:middle;
}

fieldset {
	border:1px solid #ccc;  
	margin-bottom:1em;  
	padding:0 1em 1em 1em;  
}
  
legend {
	background:#fff;  
	padding:0.3em;  
}
  
select {
	padding:0;  
}

address,caption,cite,code,dfn,em,strong,th,var {
    font-style: normal;
    font-weight: normal;
}
ul {
    list-style: none;
}
caption,th {
    text-align: left;
}
h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: normal;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}
object{
    margin: 0;
    padding; 0;
    vertical-align: top;
}


/**************************************************************

Clearfix

***************************************************************/
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}


/**************************************************************

Common

***************************************************************/
.sans-serif {
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
.serif {
    font-family: "Hiragino Mincho Pro W3","ヒラギノ明朝 Pro W3","MS Mincho","MS 明朝",serif;
}
.sans-serif-en {
    font-family: Verdana,sans-serif;
}
.serif-en {
    font-family: Georgia,serif;
}
.float-l {
    float: left;
}
.float-r {
    float: right;
}
.text-c {
    text-align: center;
}
.text-l {
    text-align: left;
}
.text-r {
    text-align: right;
}
.bold {
    font-weight: bold;
}
.small {
    font-size: 12px;
}
.x-small {
    font-size: 11px;
}
.attention {
    color: #ff6600;
}
.hide {
    display: none;
}
.hidden {
    visibility: hidden;
}

/**************************************************************

link指定

***************************************************************/
a {
	text-decoration: none;
}

a:link {
	color:#000000;
	background: transparent;
}
a:visited {
	color: #000000;
	background: transparent;
}
a:hover, a:active {
	color: #000000;
	text-decoration:underline;
	background: transparent;
}

div.hoge a:hover img {
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background: #fff;
}

/**************************************************************

width指定

***************************************************************/
.w10 {
    width: 10px;
}
.w20 {
    width: 20px;
}
.w30 {
    width: 30px;
}
.w40 {
    width: 40px;
}
.w50 {
    width: 50px;
}
.w60 {
    width: 60px;
}
.w70 {
    width: 70px;
}
.w80 {
    width: 80px;
}
.w90 {
    width: 90px;
}
.w100 {
    width: 100px;
}
.w110 {
    width: 110px;
}
.w120 {
    width: 120px;
}
.w130 {
    width: 130px;
}
.w140 {
    width: 140px;
}
.w150 {
    width: 150px;
}
.w160 {
    width: 160px;
}
.w170 {
    width: 170px;
}
.w180 {
    width: 180px;
}
.w190 {
    width: 190px;
}
.w200 {
    width: 200px;
}
.w210 {
    width: 210px;
}
.w220 {
    width: 220px;
}
.w230 {
    width: 230px;
}
.w240 {
    width: 240px;
}
.w250 {
    width: 250px;
}
.w260 {
    width: 260px;
}
.w270 {
    width: 270px;
}
.w280 {
    width: 280px;
}
.w290 {
    width: 280px;
}
.w300 {
    width: 300px;
}
.w310 {
    width: 310px;
}
.w320 {
    width: 320px;
}
.w330 {
    width: 330px;
}
.w340 {
    width: 340px;
}
.w350 {
    width: 350px;
}
.w360 {
    width: 360px;
}
.w370 {
    width: 370px;
}
.w380 {
    width: 380px;
}
.w390 {
    width: 390px;
}
.w400 {
    width: 400px;
}
.w410 {
    width: 410px;
}
.w420 {
    width: 420px;
}
.w430 {
    width: 430px;
}
.w440 {
    width: 440px;
}
.w450 {
    width: 450px;
}
.w460 {
    width: 460px;
}
.w470 {
    width: 470px;
}
.w480 {
    width: 480px;
}
.w490 {
    width: 490px;
}
.w500 {
    width: 500px;
}
.w510 {
    width: 500px;
}
.w520 {
    width: 520px;
}
.w530 {
    width: 530px;
}
.w540 {
    width: 540px;
}
.w550 {
    width: 550px;
}
.w560 {
    width: 560px;
}
.w570 {
    width: 570px;
}
.w580 {
    width: 580px;
}
.w590 {
    width: 590px;
}
.w600 {
    width: 600px;
}
.w670 {
    width: 670px;
}
.w700 {
    width: 700px;
}
.w800 {
    width: 800px;
}
.w900 {
    width: 800px;
}
.w950 {
    width: 950px;
}
.w960 {
    width: 960px;
}
.w970 {
    width: 970px;
}
.w980 {
    width: 980px;
}


/**************************************************************

margin指定

***************************************************************/
/* margin-all*/
.m-a-0 {
    margin: 0;
}
.m-a-5 {
    margin: 5px;
}
.m-a-10 {
    margin: 10px;
}
.m-a-15 {
    margin: 15px;
}
.m-a-20 {
    margin: 20px;
}
.m-a-25 {
    margin: 25px;
}
.m-a-30 {
    margin: 30px;
}
.m-a-40 {
    margin: 40px;
}
.m-a-50 {
    margin: 50px;
}
.m-a-60 {
    margin: 60px;
}

/* margin-x */
.m-x-0 {
    margin: 0 0;
}
.m-x-5 {
    margin: 0 5px;
}
.m-x-10 {
    margin: 0 10px;
}
.m-x-15 {
    margin: 0 15px;
}
.m-x-20 {
    margin: 0 20px;
}
.m-x-25 {
    margin: 0 25px;
}
.m-x-30 {
    margin: 0 30px;
}
.m-x-40 {
    margin: 0 40px;
}
.m-x-50 {
    margin: 0 50px;
}
.m-x-60 {
    margin: 0 60px;
}

/* margin-y */
.m-y-0 {
    margin: 0 0;
}
.m-y-5 {
    margin: 5px 0;
}
.m-y-10 {
    margin: 10px 0;
}
.m-y-15 {
    margin: 15px 0;
}
.m-y-20 {
    margin: 20px 0;
}
.m-y-25 {
    margin: 25px 0;
}
.m-y-30 {
    margin: 30px 0;
}
.m-y-40 {
    margin: 40px 0;
}
.m-y-50 {
    margin: 50px 0;
}
.m-y-60 {
    margin: 60px 0;
}

/*     margin-top */
.m-t-0 {
    margin-top: 0;
}
.m-t-5 {
    margin-top: 5px;
}
.m-t-10 {
    margin-top: 10px;
}
.m-t-15 {
    margin-top: 15px;
}
.m-t-20 {
    margin-top: 20px;
}
.m-t-25 {
    margin-top: 25px;
}
.m-t-30 {
    margin-top: 30px;
}
.m-t-40 {
    margin-top: 40px;
}
.m-t-50 {
    margin-top: 50px;
}
.m-t-60 {
    margin-top: 60px;
}

/* margin-right */
.m-r-0 {
    margin-right: 0;
}
.m-r-5 {
    margin-right: 5px;
}
.m-r-10 {
    margin-right: 10px;
}
.m-r-15 {
    margin-right: 15px;
}
.m-r-20 {
    margin-right: 20px;
}
.m-r-25 {
    margin-right: 25px;
}
.m-r-30 {
    margin-right: 30px;
}
.m-r-40 {
    margin-right: 40px;
}
.m-r-50 {
    margin-right: 50px;
}
.m-r-60 {
    margin-right: 60px;
}

/* margin-bottom */
.m-b-0 {
    margin-bottom: 0;
}
.m-b-5 {
    margin-bottom: 5px;
}
.m-b-10 {
    margin-bottom: 10px;
}
.m-b-15 {
    margin-bottom: 15px;
}
.m-b-20 {
    margin-bottom: 20px;
}
.m-b-25 {
    margin-bottom: 25px;
}
.m-b-30 {
    margin-bottom: 30px;
}
.m-b-40 {
    margin-bottom: 40px;
}
.m-b-50 {
    margin-bottom: 50px;
}
.m-b-60 {
    margin-bottom: 60px;
}

/* margin-left */
.m-l-0 {
    margin-left: 0;
}
.m-l-5 {
    margin-left: 5px;
}
.m-l-10 {
    margin-left: 10px;
}
.m-l-15 {
    margin-left: 15px;
}
.m-l-20 {
    margin-left: 20px;
}
.m-l-25 {
    margin-left: 25px;
}
.m-l-30 {
    margin-left: 30px;
}
.m-l-40 {
    margin-left: 40px;
}
.m-l-50 {
    margin-left: 50px;
}
.m-l-60 {
    margin-left: 60px;
}

/* margin-auto */
.m-auto {
    margin: 0 auto;
}


/**************************************************************

padding指定

***************************************************************/
/* padding-all */
.p-a-0 {
    padding: 0;
}
.p-a-5 {
    padding: 5px;
}
.p-a-10 {
    padding: 10px;
}
.p-a-15 {
    padding: 15px;
}
.p-a-20 {
    padding: 20px;
}
.p-a-25 {
    padding: 25px;
}
.p-a-30 {
    padding: 30px;
}
.p-a-40 {
    padding: 40px;
}
.p-a-50 {
    padding: 50px;
}
.p-a-60 {
    padding: 60px;
}

/* padding-x */
.p-x-0 {
    padding: 0 0;
}
.p-x-5 {
    padding: 0 5px;
}
.p-x-10 {
    padding: 0 10px;
}
.p-x-15 {
    padding: 0 15px;
}
.p-x-20 {
    padding: 0 20px;
}
.p-x-25 {
    padding: 0 25px;
}
.p-x-30 {
    padding: 0 30px;
}
.p-x-40 {
    padding: 0 40px;
}
.p-x-50 {
    padding: 0 50px;
}
.p-x-60 {
    padding: 0 60px;
}

/* padding-y */
.p-y-0 {
    padding: 0 0;
}
.p-y-5 {
    padding: 5px 0;
}
.p-y-10 {
    padding: 10px 0;
}
.p-y-15 {
    padding: 15px 0;
}
.p-y-20 {
    padding: 20px 0;
}
.p-y-25 {
    padding: 25px 0;
}
.p-y-30 {
    padding: 30px 0;
}
.p-y-40 {
    padding: 40px 0;
}
.p-y-50 {
    padding: 50px 0;
}
.p-y-60 {
    padding: 60px 0;
}

/* padding-top */
.p-t-0 {
    padding-top: 0;
}
.p-t-5 {
    padding-top: 5px;
}
.p-t-10 {
    padding-top: 10px;
}
.p-t-15 {
    padding-top: 15px;
}
.p-t-20 {
    padding-top: 20px;
}
.p-t-25 {
    padding-top: 25px;
}
.p-t-30 {
    padding-top: 30px;
}
.p-t-40 {
    padding-top: 40px;
}
.p-t-50 {
    padding-top: 50px;
}
.p-t-60 {
    padding-top: 60px;
}

/* padding-right */
.p-r-0 {
    padding-right: 0;
}
.p-r-5 {
    padding-right: 5px;
}
.p-r-10 {
    padding-right: 10px;
}
.p-r-15 {
    padding-right: 15px;
}
.p-r-20 {
    padding-right: 20px;
}
.p-r-25 {
    padding-right: 25px;
}
.p-r-30 {
    padding-right: 30px;
}
.p-r-40 {
    padding-right: 40px;
}
.p-r-50 {
    padding-right: 50px;
}
.p-r-60 {
    padding-right: 60px;
}

/* padding-bottom */
.p-b-0 {
    padding-bottom: 0;
}
.p-b-5 {
    padding-bottom: 5px;
}
.p-b-10 {
    padding-bottom: 10px;
}
.p-b-15 {
    padding-bottom: 15px;
}
.p-b-20 {
    padding-bottom: 20px;
}
.p-b-25 {
    padding-bottom: 25px;
}
.p-b-30 {
    padding-bottom: 30px;
}
.p-b-40 {
    padding-bottom: 40px;
}
.p-b-50 {
    padding-bottom: 50px;
}
.p-b-60 {
    padding-bottom: 60px;
}

/* padding-left */
.p-l-0 {
    padding-left: 0;
}
.p-l-5 {
    padding-left: 5px;
}
.p-l-10 {
    padding-left: 10px;
}
.p-l-15 {
    padding-left: 15px;
}
.p-l-20 {
    padding-left: 20px;
}
.p-l-25 {
    padding-left: 25px;
}
.p-l-30 {
    padding-left: 30px;
}
.p-l-40 {
    padding-left: 40px;
}
.p-l-50 {
    padding-left: 50px;
}
.p-l-60 {
    padding-left: 60px;
}

.f-s-10 { font-size:77%; }
.f-s-11 { font-size:85%; }
.f-s-12 { font-size:93%; }
.f-s-13 { font-size:100%; }
.f-s-14 { font-size:108%; }
.f-s-15 { font-size:116%; }
.f-s-16 { font-size:123.1%; }
.f-s-17 { font-size:131%; }
.f-s-18 { font-size:138.5%; }
.f-s-19 { font-size:146.5%; }
.f-s-20 { font-size:153.9%; }
.f-s-21 { font-size:161.6%; }
.f-s-22 { font-size:167%; }
.f-s-23 { font-size:174%; }
.f-s-24 { font-size:182%; }
.f-s-25 { font-size:189%; }
.f-s-26 { font-size:197%; }

/* For modern browsers */
.outer:before,
.outer:after {
    content:"";
    display:table;
}

.outer:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.outer {
    zoom:1;
}

.inner-left {
    float: left;
}
.inner-right {
    float: right;
}