

*{
  margin:0;
  padding:0;
}

html, body, div, span, object, iframe,h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;

}

body {
    line-height:1;
}

/*
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
*/

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

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

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}


/* HTML5の要素をブロック要素として定義 */

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{
　　display:block;
}


/* K original */

ul, li, dl, dt, dd{
list-style:none;
}


img{
max-width:100%;
border:0;
text-decoration:none;
}


.ctr{
text-align:center;
}

.lt{
text-align:left;
}

.rt{
text-align:right;
}


input{
outline:0;
}


.wht{
color:#FFF;
}


.blk{
color:#333;
}

.blue{
color:#3386CA;
}

.red{
color:#FF4100;
}

.gray{
color:#666666;
}

.bold{
font-weight:bold;
}


.bb{
border-bottom:1px #CCC solid;
}


.plh{
line-height:1.8;
}



p.go_link:before{
padding:0 4px 0 0;
content:url(../images/common/img_arw01.png);
}



/* margin
-------------------------- */

.mg5{
margin:5px 0;
}

.mg10{
margin:10px 0;
}

.mg20{
margin:20px 0;
}


.mr5{
margin-right:5px;
}

.mr10{
margin-right:10px;
}

.mr15{
margin-right:15px;
}

.mr20{
margin-right:20px;
}


.mb5{
margin:0 0 5px 0;
}

.mb10{
margin:0 0 10px 0;
}

.mb15{
margin:0 0 15px 0;
}

.mb20{
margin:0 0 20px 0;
}

.mb30{
margin:0 0 30px 0;
}

.mb40{
margin:0 0 40px 0;
}

.mb50{
margin:0 0 50px 0;
}

.mb60{
margin:0 0 60px 0;
}


/* font size
-------------------------- */

.f_size{
font-size:80%;
}


.f_size1{
font-size:85%;
}

.f_size2{
font-size:120%;
}


.f_size3{
font-size:130%;
}

.f_size4{
font-size:140%;
}

.f_size5{
font-size:150%;
}

.v_mdl{
vertical-align:middle;
}



.tshw{
color:#333;
-webkit-text-shadow: 1px 1px 1px #FFF; /* Safari, Chrome用 */
-moz-text-shadow: 1px 1px 1px #FFF; /* Firefox用 */
text-shadow: 1px 1px 1px #FFF; /* CSS3 */
}

.f_rt{
float:right !important;
}

/* img fade
-------------------------- */

a.alpha:hover{
opacity:0.75; /* opera firefox safari */
filter: alpha(opacity=75); /* ie */
}


.fade {  
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;  
}  
.fade:hover {  
    opacity: 0.4;  
    filter: alpha(opacity=60);  
}   


/* img responsive
-------------------------- */

img{
max-width:100%;
height:auto;
}


/* clearfix
-------------------------- */

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
 
.clearfix {
  min-height: 1px;
}
 
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}