@charset "utf-8";

/* @group Reset */
*{ margin: 0; padding: 0; }
a { text-decoration: none; }
ul, ol { list-style: none; }
img { vertical-align: middle; }
/* @end */


/* @group Fluid-img */
img { max-width: 100%; }
/* @end */


/* @group HTML */
html {
	font-family: 'Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ Pro W3',"メイリオ", Meiryo,"ＭＳ Ｐゴシック", "MS PGothic"; /*フォントの指定*/
	font-size: 75%; /*レスポンシブタイプセッティングの指定 12px*/
	line-height: 1.5;
}
/* @end */



/* @group Heading */
h1 {
	font-size: 3em; /* 48px */
	line-height: 1; /* 48px */
	margin-bottom: 0.5em; /* 24px */
} 
h2 {
	font-size: 2.25em; /* 36px */
	line-height: 1.3333; /* 48px */
	margin-bottom: 0.6667em; /* 24px */
} 
h3 {
	font-size: 1.5em; /* 24px */
	line-height: 1.25; /* 30px */
	margin-bottom: 1em; /* 24px */
}
h4 {
	color: #d41f00;
	font-size: 1.5em; /* 20px */
	line-height: 1.2; /* 24px */
	margin-bottom: 0.8em; /* 16px */
}
h5 {
	font-size: 1.0em; /* 16px */
	line-height: 1; /* 16px */
	margin-bottom: 1.0em; /* 16px */
}
.pageTitle {
	background: #ff8533;
	color: #ffffff;
	padding: 0.75em 0 0.5em 0.75em;
}
.pageTitle_admin {
	background: #ff8533;
	color: #ffffff;
	margin: 0;
	padding: 0.75em 0 0.5em 0.75em;
}
.grandprixTitle {
	position: relative;
	padding: 0.5em;
	background: linear-gradient(to right, #F7DE05, #DA8E00, #EDAC06, #F7DE05, #ECB802, #DAAF08, #B67B03);/* グラデーション指定 */
	color: #ffffff;
}

.briefingTitle {
	color: #013192;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #013192;
}
/* @end */


/* @group Body */
body {
	background: #ffffff;
	text-align: center;
}
/* @end */


/* コンテンツ */
#contents {
	margin: 0 auto;
	width: 94%;
	text-align: left;
}
p {
	margin-bottom: 0.75em; /* 12px */
	margin-top: 0.75em; /* 12px */
}
figure { 
	margin-bottom: 0.75em; /* 12px */
	margin-top: 0.75em; /* 12px */
}
#panNavi {
	font-size: 0.75em;
	margin: 2.0em 0 1.0em 0;
}
.normalList {
	margin: 0.5em 0 0.5em 3.0em;
	list-style: outside;
}
ol li { list-style: decimal; }

.noticeMark { list-style-position: outside; margin-bottom: 1.0em; margin-top: -1.0em; }
.noticeMark li {
	list-style: none;
    padding-left: 2em;
    text-indent: -2em;
}
.noticeMark li:before { content:"※　"; color: red; }
/* @end */


/* クリア */
.clearfix:after {
	clear: both;
	content: url("../images/clearfix.gif");
	display: block;
	height: 0;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
.clearfix { display: block; }
/* End hide from IE-mac */
/* @end */


/* 共通装飾 */
a {
   text-decoration: none;
   color: #013192;
}
a:hover {
   text-decoration: underline;
   color: #013192;
}
section {
	margin-bottom: 3em;
}
.txtBig {
	font-size: 116.7%; /*14px*/
	font-weight: bold;
}
.txtnormalBig {
	font-size: 116.7%; /*14px*/
}
.txtStrong {
	font-size: 133.3%;
	font-weight: normal;
}
.spaceBig {
	font-size: 116.7%; /*14px*/
	line-height: 2.0;
}
.redUnder {
	color: #ff0000;
	font-size: 116.7%; /*14px*/
	text-decoration: underline;
}
.txtSmall {
	font-size: 83.3%; /*10px*/
}
.txtCenter {
	text-align: center;
}
.txtRight {
	text-align: right;
}
.red {
	color: #ff0000;
}
.darkred {
	color: #d41f00;
}
.green {
	color: #009faa;
}
.brr {
	display: none;
}
.itemTitle {
	color: #ffffff;
	line-height: 1.5;
}
.itemTitle span {
	background: #009faa;
	padding: 0.25em 0.5em 0.25em 0.5em;
	border-radius: 6px;
    -webkit-border-radius: 6px; /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px; /* Firefox用 */
}
.squareBig {
	color: #ee0000;
	line-height: 1.5;
	margin: 0.75em 0 0.5em 0;
}
.squareBig span {
	padding: 0.25em 0.5em 0.25em 0.5em;
	border: 1px solid #ee0000;
}
/* @end */

/* メール対策 */
.domain::before {
   content: '@';
}
/* @end */

/*二重取り消し線*/
.doubleline { 
	background-image:url(../images/doubleLine_black.png);
	background-repeat:repeat-x;
	background-position: center;
}

/*768px*/
@media screen and (min-width: 768px) {
html{ font-size: 87.5%; } /*レスポンシブタイプセッティングの指定 14px*/


/* 共通装飾 */
.txtBig {
	font-size: 114.3%; /*16px*/
	font-weight: bold;
}
.spaceBig {
	font-size: 114.3%; /*16px*/
}
.redUnder {
	color: #ff0000;
	font-size: 114.3%; /*16px*/
	text-decoration: underline;
}

.txtSmall {
	font-size: 85.7%; /*12px*/
	}
/* @end */
}


/*1008px*/
@media screen and (min-width: 1008px) {
html{ font-size: 100%; } /*レスポンシブタイプセッティングの指定 16px*/

body#insidePage {
	background: url(../images/background.gif) repeat-x;
}
body#sitemapPage {
	background: url(../images/background_s.gif) repeat-x;
}

/* 共通装飾 */
.txtBig {
	font-size: 112.5%; /*18px*/
	font-weight: bold;
}
.spaceBig {
	font-size: 112.5%; /*18px*/
}
.redUnder {
	color: #ff0000;
	font-size: 112.5%; /*18px*/
	text-decoration: underline;

}
.txtSmall {
	font-size: 87.5%; /*14px*/
}
/* @end */


/* コンテンツ */
#contents {
	width: 1008px;
}
#main {
	float: left;
	width: 720px;
}
#sub {
	float: left;
	margin-left: 48px;
	width: 240px;
}
#adminmain {
	width: 1008px;
}
/* @end */

/* 共通装飾 */
.brr {
	display: inherit;
	}
/* @end */
}


/*print*/
@media print{
html{ font-size: 11pt; } /*レスポンシブタイプセッティングの指定*/

.doubleline { 
	-webkit-print-color-adjust: exact;!important
}

#panNavi {
	display: none;
}
.pageTitle {
	background: #ffffff;
	border-bottom: 2px solid #ff8533;
	color: #000000;
	padding: 0.75em 0 0.5em 0;
}
.pageTitle_admin {
	background: #ffffff;
	border-bottom: 2px solid #ff8533;
	color: #000000;
	padding: 0.75em 0 0.5em 0;
}
#sub {
	display: none;
	}
}