/* CSS Document */

/* ---------------------------------------------------------------
■ COMMON
----------------------------------------------------------------*/

body {
	line-height:1.4em;
}

/* LINK */
a { color:#0066cc; text-decoration: underline; padding:0; margin:0; }
a:hover { color:#ff6699; text-decoration: none;}

a:focus { outline:none;}


/* float */
.floatL {float:left;}
.floatR {float:right;}
.clr {clear:both;}
.center{
	margin-right: auto;
	margin-left: auto;
	width:100%;
	text-align:center;
}

p{ margin:0; padding:0 0 14px 0; line-height:1.4em;}

/* clearfix */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* space */
.mrg15 {margin: 15px;}
.mrg10 {margin: 10px;}
.mrg5 {margin: 5px;}

.mrgt5 { margin-top:5px; }
.mrgt10 { margin-top:10px; }
.mrgt15 { margin-top:15px; }
.mrgt20 { margin-top:20px; }
.mrgt25 { margin-top:25px; }
.mrgt30 { margin-top:30px; }
.mrgt35 { margin-top:35px; }

.mrgr5 { margin-right:5px; }
.mrgr8 { margin-right:8px; }
.mrgr10 { margin-right:10px; }
.mrgr15 { margin-right:15px; }
.mrgr20 { margin-right:20px; }
.mrgr25 { margin-right:25px; }
.mrgr30 { margin-right:30px; }

.mrgl10 { margin-left: 10px ; }
.mrgl15 { margin-left: 15px ; }
.mrgl20 { margin-left: 20px ; }
.mrgl25 { margin-left: 25px ; }
.mrgl30 { margin-left: 30px ; }

.mrgb5 { margin-bottom:5px; }
.mrgb8 { margin-bottom:8px; }
.mrgb10 { margin-bottom:10px; }
.mrgb15 { margin-bottom:15px; }
.mrgb20 { margin-bottom:20px; }
.mrgb25 { margin-bottom:25px; }
.mrgb30 { margin-bottom:30px; }

.pad20{ padding:20px;}
.pad2530{ padding:25px 30px;}
.pad1530{ padding:15px 30px;}


/* color */
.white{ color:#fff;}
.red{ color:#e50012;}

.orange{ color:#e07400;}
.green{ color:#437000;}
.blue{ color:#1978a6;}


/*bg  color */
.bggray{ background-color:#eee; }
.bgwhite{ background-color:#fff; }

.bgOrange{ background-color:#e07400;}
.bgGreen{ background-color:#437000;}
.bgBlue{ background-color:#1978a6;}

.bgOrange_light{ background-color:#e99d4c;}
.bgGreen_light{ background-color:#7b9b4c;}
.bgBlue_light{ background-color:#6698ab;}


/* font */
.bold{ font-weight:bold;}
.textL{ font-size:1.15em; }
.textS{ font-size:0.9em; }
.font10{ font-size:10px; line-height:14px;}
.font12{ font-size:12px; line-height:16px;}
.font14{ font-size:14px; line-height:20px;}
.font16{ font-size:16px; line-height:22px;}
.font18{ font-size:18px; line-height:24px;}
.font20{ font-size:20px; line-height:26px;}

.text90{ font-size:90%; }
.text110{ font-size:110%; }
.text120{ font-size:120%; }
.text130{ font-size:130%; }
.text140{ font-size:140%; }

/* others */
#pankuzu {
	padding: 10px 12px 10px 1.5em;
	margin: 0;
	font-size: 12px;
	line-height:16px;
}

/* border */
.border{ border:1px solid #e9e9e9; }

/* hover */
a:hover img.gohover{
	opacity: 0.75;
	filter: alpha(opacity=75);
}

/* pagetop */
.pagetop {
	clear:both;
	text-align: right;
	padding: 20px 0 20px 0;
	width: 1000px;
	margin:0 auto 0 auto;
}


/*  tablebg */
.tablebg{
	clear:both;
	margin:15px auto 40px auto;
	background-color:#bbb;
}
.tablebg table th{
	padding:8px 4px 6px 10px ;
	text-align:left;
	font-weight:bold;
	background-color:#D0DEB8;
	border-bottom:1px solid #bbb;
}
.tablebg table td{
	padding:8px 10px 6px 10px;
	background-color:#F1F1EB;
	border-bottom:1px dotted #bbb;
}


/*  radius */
.radius10{
    border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
}
.radius5{
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}


/*  shadow */
.shadow{
    box-shadow: 0 1px 2px 1px #e4dfd0;
    -webkit-box-shadow: 0 1px 2px 1px #e4dfd0;
    -moz-box-shadow: 0 1px 2px 1px #e4dfd0;
}
.shadow2{
    /*box-shadow*/
    box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
    -webkit-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
    -moz-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;

    /*ボックスのデザイン*/
    padding:10px;
    border:1px solid #ccc;
    text-align:center;
}


/*  buttontype */
.buttontype a{
	text-decoration:none;
	text-align:center;
	font-size:1em;
	line-height:1em;
	font-weight:bold;
}
.buttontype a .button{
	padding:15px 4px;
	color:#fff;
	background-color:#339ecc;
	text-decoration:none;

    border-radius: 20px;        /* CSS3草案 */
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 20px;   /* Firefox用 */
}
.buttontype a .button_gray{
	padding:15px 4px;
	color:#fff;
	background-color:#7ecaeb;
	text-decoration:none;

    border-radius: 20px;        /* CSS3草案 */
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 20px;   /* Firefox用 */
}

.w30{ width:30%;}
.w67{ width:67%;}

/*
.arw_left_white{
	background:url(../images/arw_right_white.png) no-repeat right middle !important;
}
.arw_right_white{
	background:url(../images/arw_left_white.png) no-repeat left middle !important;
}
*/
.button_gradation{
    /*box-shadow*/
    box-shadow: 0 2px 1px #fff inset;
    -webkit-box-shadow: 0 2px 1px #fff inset;
    -moz-box-shadow: 0 2px 1px #fff inset;

    /*グラデーション*/
    background-image:-moz-linear-gradient(top, #f9f9f9, #cfcfcf);
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #f9f9f9),color-stop(1, #cfcfcf));

    /*ボックスのデザイン*/
    padding:10px;
    border:1px solid #ccc;
    text-align:center;
}