@charset "utf-8";

@import "reset.css";
@import "header.css";
@import "contents.css";
@import "footer.css";


/* link
---------------------------*/
a:link, a:active, a:visited  { text-decoration: none; color: #3071b7; }
main a:link  { text-decoration: underline; }
a:hover { text-decoration: underline; color: #26c4df; }
/*a:hover img { opacity: 0.6; }*/




/* text style
---------------------------*/
.txt10{ font-size:77%;}
.txt11{ font-size:85%;}
.txt12{ font-size:93%;}
.txt14{ font-size:108%;}
.txt16{ font-size:123.1%;}
.txt18{ font-size:138.5%;}
.txt22{ font-size:167%;}
.txt24{ font-size:182%;}
.txt26{ font-size:197%;}


/* text color
---------------------------*/


/* margin style
---------------------------*/
.mrgn-t10	{margin-top: 10px;}
.mrgn-t20	{margin-top: 20px;}
.mrgn-t30	{margin-top: 30px;}
.mrgn-t40	{margin-top: 40px;}
.mrgn-t50	{margin-top: 50px;}
.mrgn-b10	{margin-bottom: 10px;}
.mrgn-b20	{margin-bottom: 20px;}
.mrgn-b30	{margin-bottom: 30px;}
.mrgn-b40	{margin-bottom: 40px;}
.mrgn-b50	{margin-bottom: 50px;}
.mrgn-r10	{margin-right: 10px;}
.mrgn-r20	{margin-right: 20px;}
.mrgn-r30	{margin-right: 30px;}
.mrgn-r40	{margin-right: 40px;}
.mrgn-r50	{margin-right: 50px;}
.mrgn-l10	{margin-left: 10px;}
.mrgn-l20	{margin-left: 20px;}
.mrgn-l30	{margin-left: 30px;}
.mrgn-l40	{margin-left: 40px;}
.mrgn-l50	{margin-left: 50px;}


/* padding style
---------------------------*/
.pad-t10	{padding-top: 10px;}
.pad-t20	{padding-top: 20px;}
.pad-t30	{padding-top: 30px;}
.pad-t40	{padding-top: 40px;}
.pad-t50	{padding-top: 50px;}
.pad-b10	{padding-bottom: 10px;}
.pad-b20	{padding-bottom: 20px;}
.pad-b30	{padding-bottom: 30px;}
.pad-b40	{padding-bottom: 40px;}
.pad-b50	{padding-bottom: 50px;}
.pad-l10	{padding-left: 10px;}
.pad-l20	{padding-left: 20px;}
.pad-l30	{padding-left: 30px;}
.pad-l40	{padding-left: 40px;}
.pad-l50	{padding-left: 50px;}
.pad-r10	{padding-right: 10px;}
.pad-r20	{padding-right: 20px;}
.pad-r30	{padding-right: 30px;}
.pad-r40	{padding-right: 40px;}
.pad-r50	{padding-right: 50px;}


/* text style
---------------------------*/
.indent {
    text-indent: -9999px;
}
.redTxt { color: #ff0000; }


/* float box
---------------------------*/
.fLeft    { float: left; }
.fRight    { float: right; }
.tBold  { font-weight: bold; }


/* text position
---------------------------*/
.tCenter    { text-align: center; }
.tLeft    { text-align: left; }
.tRight    { text-align: right; }



/* form style
---------------------------*/
form	{
	margin: 0px;
}

input , textarea	{
	border: 1px solid #cccccc;
	background-color: #ffffff;
}

.clear   {
    clear: both!important;
}


/* clearfix style
---------------------------*/
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
 
.clearfix:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}


/* sp style
---------------------------*/
@media all and (max-width: 768px) {
    /* padding style
    ---------------------------*/
    img{
        max-width: 100%;
        height: auto;
        width /***/:auto;　
    }

    /* global style
    ---------------------------*/
    .container  {
        width: auto;
    }
    
    .fLeft    { float: none; }
    .fRight    { float: none; }
    
    /* padding style
    ---------------------------*/
    
    /* text style
    ---------------------------*/
    .txt12{ font-size: 100%; line-height: 1.6em; }
}