@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);
@import url(https://fonts.googleapis.com/earlyaccess/sawarabigothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/mplus1p.css);
/*****全体に関する項目*****/


/***フォントの種類***/

body {font-family: 'Sawarabi Gothic';}
.contentsLeft{}
.contentsRight {}

/***フォントのサイズ***/
body {}
.contentsLeft{font-size:1.2em;}
.contentsRight {}


/***フォントの色、背景色***/

/*背景系*/
body{background:#F9F9F9;}
.contentsArea{}
.contentsArea a:hover {color:red;}
.contentsLeft{}
.contentsRight {}
.contentsRight > div {background:#f4fff4;}

/*ヘッドライン系*/
#navi-pupup h2 {background:#00a0e9;color:#ffffff}
.contentsRight h2{background-color:#00a0e9;color:#ffffff;}
.footer {background-color:#00a0e9;color:#ffffff;}


/***背景画像***/
/*以下を参照
	background:url(cssimg/header1.jpg);
	background-position: center center;
	background-size:cover;
	background-repeat: no-repeat;
*/
body{}

#header{
background:#00a0e9;color:#ffffff
}


/***枠線***/
.contentsLeft > div:not(.large_banner):not(.slidbox):not(.introduction):not(.menu-button):not(.top-button){
	border:none;	
}
.contentsRight > div {border:solid thin #00a0e9;}



/*****任意*****/

/*ロゴ画像最大サイズ*/
#logo img{max-width:1100px;}

/***ラインナビ***/
#navi-line li {}
#navi-line li a {background:rgba(50,50,50,0.2);color:#ffffff;}

#navi-line li a:hover {color:red;}

/***メニューボタン***/
.menu-button{}
.top-button{}