@charset "utf-8";

@import "reset.css";
@import "header.css";
@import "footer.css";
@import "lightbox.css";
@import "print.css";

/* responsive PC */
@import url(contents.css) screen and (min-width: 768px);

/* responsive SP */
@import url(contents-sp.css) screen and (max-width: 768px);


/* link style
---------------------------*/
a:link, a:active, a:visited  { text-decoration: none; color: #444444; }
a:hover { text-decoration: none; }
@media only screen and ( mim-width: 768px ) 
{
    a:hover img { opacity:0.6; }
}

/* for contents area link style */
#contentsDetail a:link , #contentsDetail a:active , #user-area .box2 a:link , #user-area .box2 a:active  { text-decoration: underline; color: #0044bb; }


/* global text color
---------------------------*/
body    { color: #444444; }


/* text style
---------------------------*/
.txt09{ font-size:75%;}
.txt10{ font-size:82%;}
.txt11{ font-size:94%;}
.txt12{ font-size:100%;}
.txt14{ font-size:119%;}
.txt16{ font-size:138%; line-height: 1.5em; }
.txt18{ font-size:150%; line-height: 1.5em; }
.txt22{ font-size:188%; line-height: 1.5em; }
.txt24{ font-size:200%; line-height: 1.5em; }
.txt26{ font-size:225%; line-height: 1.5em; }

.tBold  { font-weight: bold; }

.tCenter { text-align: center; }
.tLeft { text-align: left; }
.tRight { text-align: right; }
.tMiddle { vertical-align: middle; }

/* margin style
---------------------------*/
.mrgn-t05	{margin-top: 5px;}
.mrgn-t10	{margin-top: 10px;}
.mrgn-t15	{margin-top: 15px;}
.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-b15	{margin-bottom: 15px;}
.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-r15	{margin-right: 15px;}
.mrgn-r20	{margin-right: 20px;}
.mrgn-r30	{margin-right: 30px;}
.mrgn-r35       {margin-right: 35px;}
.mrgn-r40	{margin-right: 40px;}
.mrgn-r50	{margin-right: 50px;}
.mrgn-l10	{margin-left: 10px;}
.mrgn-l15	{margin-left: 15px;}
.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-l05	{padding-left: 5px;}
.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;}


/* border style
---------------------------*/
.bdB    { border-bottom: 1px dotted #dddddd; }


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

input , textarea	{
	/*border: 1px solid #cccccc;*/
	background-color: #ffffff;
	font-family: monospace;
}

.clearfix:after   {
    content: “.”;
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}