@charset "utf-8" ;
/* CSS Document */

*{
	font-family:"メイリオ" ;
}

body{
	background-color:#FFFFFF ; /* [bodyBackground] */
}

a {
	color:#0000FF ; /* [linkText] */
}

a:visited {
	color:#800080 ; /* [linkvisitedText] */
}

a:hover {
	color:#33CCFF ; /* [linkhoverText] */
}

a:active {
	color:#33CCFF ; /* [linkactiveText] */
}

/* -----------------------------------------
	ヘッダー
 ----------------------------------------- */

#header{
	width:100% ;
	min-width:910px;
	text-align:center ;
	background-color:#FFFFFF; 
	margin:0px 0px 0px 0px ;
}

#headerinner{
	text-align:left ;
	width:910px ;
	margin:0 auto ;
	overflow:auto;
}

#tagline {
	font-size:80% ;
	float:right ;
	line-height:115px ;
	color:#333333;
}

#logo {
}

#headerimagelogo{
	margin:20px 0px 20px 0px ;
}

#headerimagetagline{
	margin:10px 0px ;
}

#headerinner a,
#headerinner a:visited{
	text-decoration:none ;
	color:#CCCCCC ; /* [headerText] */
}

#headerinner a:hover,
#headerinner a:active{
	color:#CCCCCC ; /* [headerhoverText] */
}


/* -----------------------------------------
	グローバルナビ
 ----------------------------------------- */


#gnav-swbox{
	display:none ;
}

#gnav-sw{
	display:block ;
	background-color:#222222 ; /* [globalnaviBackground] */
	border-style:none;
	line-height:30px ;
	text-decoration:none ;
	color:#CCCCCC ; /* [globalnaviText] */
	font-size:70% ;
}

#gnav {
	clear:both ;
	width:100% ;
	background-color:#222222 ; /* [globalnaviBackground] */
	text-align:center;
}

#gnav nav {
	width:910px;
	max-width:910px ;
	margin:0 auto ;
	overflow:auto ;
}

#gnav nav ul {
	/* ナビの境界線
	border-style:none none none solid ;
	border-width:1px ;
	border-color:#111111 ;*/
	width:100%;
	max-width:910px ;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden ;
}

#gnav nav ul li {
	display:inline-block;
	list-style:none ;
	*display: inline;
	*zoom: 1;
}

#gnav nav ul li a {
	color:#CCCCCC ; /* [globalnaviText] */
	display:block ;
	line-height:40px ;
	padding:0px 20px ;
	font-size:80% ;
	/* ナビの境界線
	border-style:none solid none none ;
	border-width:1px ;
	border-color:#111111 ;*/
}

#gnav nav ul li a:link,
#gnav nav ul li a:visited {
	color:#CCCCCC ; /* [globalnaviText] */
	text-decoration:none ;
}
#gnav nav ul li a:hover,
#gnav nav ul li a:active,
#gnav nav ul li a.current {
	background-color:#333333 ; /* [globalnavihoverBackground] */
	color:#FFFFFF ; /* [globalnavihoverText] */
	text-decoration:none ;
}

/* -----------------------------------------
	メインビジュアル
 ----------------------------------------- */

#mainvisual1 {
	width:100% ;
	min-width:910px;
	overflow:hidden ;
}

#mainvisual1 .img {
	width:1280px ;		/* 画像の幅 */
	margin-left:-640px ;	/* -(画像の幅÷2) */
	padding-left:50% ;
}



/* -----------------------------------------
	コンテンツ
 ----------------------------------------- */

#container {
	width:910px ;
	margin:0 auto ;
	padding-top:40px ;
	overflow:hidden ;
}



/* -----------------------------------------
	メイン領域
 ----------------------------------------- */

#contents{
	float:left ;
	width:600px ;
	margin-bottom:30px ;
}

div.paragraphwrap {
	padding-bottom:20px ;
}

div.contactwrap {
	padding-bottom:40px ;
}

div.listbox {
	margin-bottom:40px ;
}


#articlebody{
	margin-bottom:20px ;
}

/* -----------------------------------------
	タイトル
 ----------------------------------------- */


.articlehead{
	margin-bottom:40px ;
}

/* 記事タイトル */

.hxar01{
	font-size:130% ;
	font-weight:bold ;
	line-height:2 ;
	color:#333333 ; /* [artitleText] */
	overflow:auto ;
}

.hxar02{
	font-size:130% ;
	font-weight:bold ;
	line-height:2 ;
	padding-left:15px ;
	color:#333333 ; /* [artitleText] */
	border-style:none none none solid ;
	border-width:5px ;
	border-color:#333333 ; /* [artitleText] */
	overflow:auto ;
}

.hxar03{
	font-size:130% ;
	font-weight:bold ;
	line-height:2 ;
	color:#333333 ; /* [artitleText] */
	padding-bottom:5px ;
	border-style:none none dotted none ;
	border-width:1px ;
	border-color:#333333 ; /* [artitleText] */
	overflow:auto ;
}

/* 段落タイトル */

.hxpg01{
	color:#333333 ; /* [pgtitleText] */
	font-size:100% ;
	font-weight:bold ;
	margin-bottom:20px ;
	line-height:1.8 ;
	overflow:auto ;
}

.hxpg02{
	color:#333333 ; /* [pgtitleText] */
	font-size:100% ;
	font-weight:bold ;
	margin-bottom:30px ;
	line-height:1.8 ;
	padding-left:15px ;
	border-style:none none none solid ;
	border-width:5px ;
	border-color:#333333 ; /* [pgtitleText] */
	overflow:auto ;
}

.hxpg03{
	color:#333333 ; /* [pgtitleText] */
	font-size:100% ;
	font-weight:bold ;
	margin-bottom:20px ;
	line-height:2 ;
	padding-bottom:5px ;
	border-style:none none dotted none ;
	border-width:1px ;
	border-color:#333333 ; /* [pgtitleText] */
	overflow:auto ;
}

.hxpg04{
	color:#FFFFFF ; /* [bodyBackground] */
	background-color:#333333 ; /* [pgtitleText] */
	font-size:100% ;
	font-weight:normal ;
	margin-bottom:25px ;
	line-height:2 ;
	padding:2px 2%;
	overflow:auto ;
}

.hxpg05{
	text-align:center;
	color:#FFFFFF ; /* [bodyBackground] */
	background-color:#333333 ; /* [pgtitleText] */
	font-size:100% ;
	font-weight:normal ;
	margin-bottom:25px ;
	line-height:2 ;
	padding:2px 2%;
	overflow:auto ;
}


/* 記事一覧タイトル */

.hxls01{
	font-size:130% ;
	font-weight:bold ;
	margin-bottom:40px ;
	line-height:1.8 ;
	color:#333333 ; /* [listtitleText] */
	padding-left:15px ;
	border-style:none none none solid ;
	border-width:5px ;
	border-color:#333333 ; /* [listtitleText] */
}


/* サイドタイトル */

div.areapgwrap h2{
	color:#333333 ; /* [sidetitleText] */
	font-size:100% ;
	font-weight:bold ;
	margin-bottom:20px ;
	line-height:150% ;	
}


/* -----------------------------------------
	段落
 ----------------------------------------- */


/* 標準スタイル */

div.pgtext{
	clear:both ;
}

div.pgtext img{
	margin-bottom:30px ;
}

div.pgtext p,div.pgtext div.divhtml{
	font-size:85% ;
	font-weight:normal ;
	color:#333333 ; /* [Text] */
	line-height:1.8 ;
	margin-bottom:30px ;
}



/* 中画像 */

div.pgmiddle{
	clear:both ;
}


div.pgmiddle img{
	max-width:50% ;
	margin-bottom:30px ;
}

div.pgmiddle p, div.pgmiddle div.divhtml{
	font-size:85% ;
	font-weight:normal ;
	color:#333333 ; /* [Text] */
	line-height:1.8 ;
	margin-bottom:30px ;
}


/* 左画像（中） */

div.pgimageleft{
	clear:both ;
	overflow:auto ;
}

div.pgimageleft .pgimg{
	max-width:40% ;
	margin-right:1em ;
	float:left ;
	margin-bottom:30px ;
}

div.pgimageleft p, div.pgimageleft div.divhtml{
	font-size:85% ;
	font-weight:normal ;
	color:#333333 ; /* [Text] */
	line-height:1.8 ;
	overflow:hidden ;
	margin-bottom:30px ;
}

/* 左画像（小） */

div.pgimageleftsmall{
	clear:both ;
	overflow:auto ;
}

div.pgimageleftsmall .pgimg{
	max-width:30% ;
	margin-right:1em ;
	float:left ;
	margin-bottom:30px ;
}

div.pgimageleftsmall p, div.pgimageleftsmall div.divhtml{
	font-size:85% ;
	font-weight:normal ;
	color:#333333 ; /* [Text] */
	line-height:1.8 ;
	overflow:hidden ;
	margin-bottom:30px ;
}

/* 右画像（中） */

div.pgimageright{
	clear:both ;
	overflow:auto ;
}

div.pgimageright .pgimg{
	max-width:40% ;
	margin-left:1em ;
	float:right ;
	margin-bottom:0px ;
	margin-bottom:30px ;
}

div.pgimageright p, div.pgimageright div.divhtml{
	font-size:85% ;
	font-weight:normal ;
	color:#333333 ; /* [Text] */
	line-height:1.8 ;
	overflow:hidden ;
	margin-bottom:30px ;
}

/* 右画像（小） */

div.pgimagerightsmall{
	clear:both ;
	overflow:auto ;
}

div.pgimagerightsmall .pgimg{
	max-width:30% ;
	margin-left:1em ;
	float:right ;
	margin-bottom:30px ;
}

div.pgimagerightsmall p, div.pgimagerightsmall div.divhtml{
	font-size:85% ;
	font-weight:normal ;
	color:#333333 ; /* [Text] */
	line-height:1.8 ;
	overflow:hidden ;
	margin-bottom:30px ;
}

/* 左フロート（中） */

div.pgfloatleft{
	clear:both ;
	overflow:auto ;
	padding-bottom:15px ;
}

div.pgfloatleft .pgimg{
	max-width:40% ;
	margin-right:1em ;
	float:left ;
	margin-bottom:15px ;
}

div.pgfloatleft p, div.pgfloatleft div.divhtml{
	font-size:85% ;
	font-weight:normal ;
	color:#333333 ; /* [Text] */
	line-height:1.8 ;
	margin-bottom:15px ;
}


/* 左フロート（小） */

div.pgfloatleftsmall{
	clear:both ;
	overflow:auto ;
	padding-bottom:15px ;
}

div.pgfloatleftsmall .pgimg{
	max-width:30% ;
	margin-right:1em ;
	float:left ;
	margin-bottom:15px ;
}

div.pgfloatleftsmall p, div.pgfloatleftsmall div.divhtml{
	font-size:85% ;
	font-weight:normal ;
	color:#333333 ; /* [Text] */
	line-height:1.8 ;
	margin-bottom:15px ;
}

/* 右フロート（中） */

div.pgfloatright{
	clear:both ;
	overflow:auto ;
	padding-bottom:15px ;
}

div.pgfloatright .pgimg{
	max-width:40% ;
	margin-left:1em ;
	float:right ;
	margin-bottom:15px ;
}

div.pgfloatright p, div.pgfloatright div.divhtml{
	font-size:85% ;
	font-weight:normal ;
	color:#333333 ; /* [Text] */
	line-height:1.8 ;
	margin-bottom:15px ;
}

/* 右フロート（小） */

div.pgfloatrightsmall{
	clear:both ;
	overflow:auto ;
	padding-bottom:15px ;
}

div.pgfloatrightsmall .pgimg{
	max-width:30% ;
	margin-left:1em ;
	float:right ;
	margin-bottom:15px ;
}

div.pgfloatrightsmall p, div.pgfloatrightsmall div.divhtml{
	font-size:85% ;
	font-weight:normal ;
	color:#333333 ; /* [Text] */
	line-height:1.8 ;
	margin-bottom:15px ;
}

/* 一覧1 */

div.pglist1box{
	padding-top:10px ;
	clear:both ;
	width:105% ;
	overflow:auto ;
	margin-bottom:10px ;
}

div.pglist1{
	float:left ;
	width:20.75% ;
	margin-right:4% ;
	margin-bottom:0px ;
	line-height:150% ;
}

div.pglist1 h2,div.pglist1 h3{
	font-size:85% ;
	font-weight:bold ;
	margin-bottom:20px ;
	line-height:150% ;
}

div.pglist1 p, div.pglist1 div.divhtml{
	font-size:75% ;
	font-weight:normal ;
	color:#333333 ; /* [Text] */
	position:relative ;
	margin-top:-10px ;
	margin-bottom:20px ;
}

div.pglist1 img{
	max-width:100% ;
	height:auto ;
	margin-bottom:20px ;
}

/* 一覧1a */

div.pglist1abox{
	padding-top:10px ;
	clear:both ;
	width:105% ;
	overflow:auto ;
	margin-bottom:10px ;
}

div.pglist1a{
	float:left ;
	width:20.75% ;
	margin-right:4% ;
	margin-bottom:0px ;
	line-height:150% ;
}

div.pglist1a h2,div.pglist1a h3{
	font-size:85% ;
	font-weight:bold ;
	margin-bottom:20px ;
	line-height:150% ;
}

div.pglist1a p, div.pglist1a div.divhtml{
	font-size:75% ;
	font-weight:normal ;
	color:#333333 ; /* [Text] */
	position:relative ;
	margin-top:-10px ;
	margin-bottom:20px ;
}

div.pglist1a img{
	max-width:100% ;
	height:auto ;
	margin-bottom:20px ;
}

/* 一覧2 */

div.pglist2box{
	padding-top:10px ;
	clear:both ;
	width:105% ;
	overflow:hidden ;
	margin-bottom:10px ;
}

div.pglist2{
	float:left ;
	width:29% ;
	margin-right:4% ;
	margin-bottom:0px ;
	line-height:150% ;
}

div.pglist2 h2,div.pglist2 h3{
	font-size:95% ;
	font-weight:bold ;
	margin-bottom:20px ;
	line-height:150% ;
}

div.pglist2 p, div.pglist2 div.divhtml{
	font-size:85% ;
	font-weight:normal ;
	position:relative ;
	margin-top:-10px ;
	margin-bottom:20px ;
	color:#333333 ; /* [Text] */
}

div.pglist2 img{
	max-width:100% ;
	height:auto ;
	margin-bottom:20px ;
}


/* 一覧2a */

div.pglist2abox{
	padding-top:10px ;
	clear:both ;
	width:105% ;
	overflow:hidden ;
	margin-bottom:10px ;
}

div.pglist2a{
	float:left ;
	width:29% ;
	margin-right:4% ;
	margin-bottom:0px ;
	line-height:150% ;
}

div.pglist2a h2,div.pglist2a h3{
	font-size:95% ;
	font-weight:bold ;
	margin-bottom:20px ;
	line-height:150% ;
}

div.pglist2a p, div.pglist2a div.divhtml{
	font-size:85% ;
	font-weight:normal ;
	position:relative ;
	margin-top:-10px ;
	margin-bottom:20px ;
	color:#333333 ; /* [Text] */
}

div.pglist2a img{
	max-width:100% ;
	height:auto ;
	margin-bottom:20px ;
}

/* 一覧3 */

div.pglist3box{
	padding-top:10px ;
	clear:both ;
	width:105% ;
	overflow:hidden ;
	margin-bottom:10px ;
}

div.pglist3{
	float:left ;
	width:45.5% ;
	margin-right:4% ;
	margin-bottom:0px ;
	line-height:150% ;
}

div.pglist3 h2,div.pglist3 h3{
	font-size:100% ;
	font-weight:bold ;
	margin-bottom:20px ;
	line-height:150% ;
}

div.pglist3 p, div.pglist3 div.divhtml{
	font-size:85% ;
	font-weight:normal ;
	margin-bottom:20px ;
	position:relative ;
	margin-top:-10px ;
	color:#333333 ; /* [Text] */
}

div.pglist3 img{
	max-width:100% ;
	height:auto ;
	margin-bottom:20px ;
}

/* 箇条書き */


div.pgul{
	clear:both ;
}

div.pgul img{
	margin-bottom:30px ;
}

div.pgul ul{
	margin-left:20px ;
	padding-left:20px ;
	margin-bottom:30px ;
}

div.pgul li{
	font-size:85% ;
	font-weight:normal ;
	color:#333333 ; /* [Text] */
	line-height:1.8 ;
}

/* 連番 */

div.pgol{
	clear:both ;
}

div.pgol img{
	margin-bottom:30px ;
}

div.pgol ol{
	margin-left:20px ;
	padding-left:20px ;
	margin-bottom:30px ;
}

div.pgol li{
	font-size:85% ;
	font-weight:normal ;
	color:#333333 ; /* [Text] */
	line-height:1.8 ;
}

/* 表 */

div.pgtable{
	clear:both ;
}

div.pgtable img{
	margin-bottom:30px ;
}

div.pgtable table{
	width:100% ;
	margin-bottom:30px ;
}

div.pgtable table th{
	font-size:85% ;
	padding:10px ;
	border-style:solid solid solid solid ;
	border-width:1px ;
	border-color:#333333 ; /* [tableBorder] */
}

div.pgtable table td{
	font-size:85% ;
	padding:10px ;
	border-style:solid solid solid solid ;
	border-width:1px ;
	border-color:#333333 ; /* [tableBorder] */
}

/* ナビ */


div.pgnavi{
	clear:both ;
}

div.pgnavi img{
	margin-bottom:30px ;
}

div.pgnavi ul{
	margin-left:0px ;
	padding-left:0px ;
	margin-bottom:30px ;
}

div.pgnavi li{
	list-style:none;
	margin-bottom:3px;
}

div.pgnavi ul a{
	text-decoration:none;
	text-align:center;
	padding:0px 10px 0px 10px;
	font-size:85% ;
	font-weight:normal ;
	color:#333333 ; /* [sidenaviText] */
	line-height:300% ;
	display:block;
	background-color:#EEEEEE ; /* [sidenaviBackground] */
}

div.pgnavi ul a:hover,
div.pgnavi ul a.current{
	color:#000000 ; /* [sidenavihoverText] */
	background-color:#DDDDDD ; /* [sidenavihoverBackground] */
}


/* タグクラウド */

div.pgtagcloud{
	clear:both ;
}

div.pgtagcloud img{
	margin-bottom:30px ;
}

div.pgtagcloud p{
	font-size:85% ;
	font-weight:normal ;
	color:#333333 ; /* [Text] */
	line-height:1.8 ;
	margin-bottom:30px ;
}

div.pgtagcloud div.tagcloud {
	font-size:85% ;
	font-weight:normal ;
	line-height:1.8 ;
	margin-bottom:30px ;
}

div.pgtagcloud div.tagcloud a{
	display:inline-block;
	margin-right:10px;
	*display: inline;
	*zoom: 1;
}

/* 補足説明 */

div.pgsupple{
	clear:both ;
	position:relative;
	margin-top:-10px;
}

div.pgsupple img{
	margin-bottom:30px ;
}

div.pgsupple p, div.pgsupple div.divhtml{
	font-size:80% ;
	font-weight:normal ;
	color:#999999 ; /* [supplementaryText] */
	line-height:1.8 ;
	margin-bottom:30px ;
}



/* 関連記事一覧 */

div.pgarticlelist1{
	clear:both ;
}

div.pgarticlelist1 h2{
	margin-bottom:30px;
}

div.pgarticlelist1 h3{
	margin-bottom:30px;
}

div.pgarticlelist1 img{
	margin-bottom:30px ;
}


/* 下マージン調整 */

.addbottom1{
	padding-bottom:10px;
	margin-bottom:20px;
}

.addbottom2{
	padding-bottom:0px;
	margin-bottom:-10px;
}


/* 囲み罫 実線 */

div.box1{
	clear:both ;
	overflow:auto ;
	margin-bottom:30px ;
	padding:30px 30px 0px 30px ;
	border-style:solid solid solid solid ;
	border-width:1px ;
	border-color:#333333 ; /* [boxBorder] */
}

/* 囲み罫 点線 */

div.box2{
	clear:both ;
	overflow:auto ;
	margin-bottom:30px ;
	padding:30px 30px 0px 30px ;
	border-style:dotted dotted dotted dotted ;
	border-width:1px ;
	border-color:#333333 ; /* [boxBorder] */
}


/* 囲み罫 塗り */

div.box3{
	clear:both ;
	overflow:auto ;
	margin-bottom:30px ;
	padding:30px 30px 0px 30px ;
	background-color:#F6F6F6 ; /* [boxBackground] */
}


/* -----------------------------------------
	追加表示（日付、SNSボタンなど）
 ----------------------------------------- */
 
div.additional{
	clear:both ;
	font-size:80% ;
	color:#333333 ; /* [additionalText] */
	padding:20px 20px 10px 20px ;
	margin-bottom:60px ;
	background-color:#FAFAFA ; /* [additionalBackground] */
	line-height:150% ;
}

div.tag{
	margin-bottom:10px ;
}

div.tag a{
	display:inline-block;
	margin-right:10px;
	*display: inline;
	*zoom: 1;
}

div.updatetime {
	margin-bottom:10px ;
}


/* -----------------------------------------
	SNSボタン
 ----------------------------------------- */


div.snswrap{
	display:inline-block ;
	margin-bottom:10px ;
	*display: inline;
	*zoom: 1;
}

.fb-like{
	width:120px !important ;
}

.twitter-share-button{
	width:100px !important ;
}



/* -----------------------------------------
	記事一覧
 ----------------------------------------- */

div.articlelist{
	margin-bottom:40px ;
}

div.thumbnaillist{
	font-size:80% ;
	color:#333333 ; /* [listText] */
	margin-bottom:20px ;
	overflow:hidden ;
	line-height:150% ;	
}

div.thumbnaillist .compactmode{
	overflow:hidden ;
	margin-bottom:20px;
}

div.thumbnaillist img{
	float:left;
	max-width:20%;
	margin-right:3%;
	margin-bottom:20px;
}

p.thumbnailtitle{
	font-size:130% ;
	margin-bottom:10px;
}

p.thumbnaildate{
	color:#999999 ; /* [supplementaryText] */
	margin-bottom:10px;
}

p.thumbnailtxt{
	color:#333333 ; /* [listText] */
	margin-bottom:20px;
	overflow:hidden ;
}

p.thumbnailtxt a{
	color:#333333 ; /* [listText] */
	text-decoration:none;
}

p.thumbnailtxt a:hover{
	color:#33CCFF ; /* [linkhoverText] */
	text-decoration:underline;
}

div.thumbnaillist .compactmode p.thumbnailtxt{
	margin-bottom:5px;	
}

dl.list{
	font-size:80% ;
	color:#333333 ; /* [listText] */
	overflow:hidden ;
	line-height:150% ;
	margin-bottom:20px ;
}

dl.list dt {
	text-align:left ;
	clear:both ;
	float:left ;
	width:110px ;
	margin-bottom:10px ;
}

dl.list dd {
	text-align:left ;
	margin-left:130px ;
	margin-bottom:10px ;
}

div.pager {
	margin-bottom:20px ;
}

div.pager ul li{
	display:inline-block ;
	margin:5px 10px 5px 0px ;
	*display: inline;  
	*zoom: 1; 
}

div.pager ul li a{
	font-size:80% ;
	color:#000000 ; /* [pagerText] */
	display:block ;
	padding:5px 6px 5px 6px ;
	background-color:#F6F6F6 ; /* [pagerBackground] */
	text-decoration:none ;
}

div.pager ul li a:hover{
	color:#000000 ; /* [pagerhoverText] */
	background-color:#CCCCCC ; /* [pagerhoverBackground] */
}

div.pager ul li a.currentpage{
	color:#000000 ; /* [pagerhoverText] */
	background-color:#CCCCCC ; /* [pagerhoverBackground] */
}

div.pager ul li.prev{
	display:inline-block ;
	margin:5px 20px 5px 0px ;
	*display: inline;  
	*zoom: 1; 
}

div.pager ul li.prev a{
	color:#000000 ; /* [pagernextprevText] */
	background-color:#FFFFFF ; /* [pagernextprevBackground] */
	text-decoration:underline ;
	padding-left:0px ;
	padding-right:0px ;
}

div.pager ul li.prev a:hover{
	color:#000000 ; /* [pagernextprevhoverText] */
	background-color:#FFFFFF ; /* [pagernextprevhoverBackground] */
}

div.pager ul li.next{
	display:inline-block ;
	margin:5px 5px 5px 15px ;
	*display: inline;  
	*zoom: 1; 
}

div.pager ul li.next a{
	color:#000000 ; /* [pagernextprevText] */
	background-color:#FFFFFF ; /* [pagernextprevBackground] */
	text-decoration:underline ;
	padding-left:0px ;
	padding-right:0px ;
}

div.pager ul li.next a:hover{
	color:#000000 ; /* [pagernextprevhoverText] */
	background-color:#FFFFFF ; /* [pagernextprevhoverBackground] */
}


/* -----------------------------------------
	領域
 ----------------------------------------- */


div#areacontents1 {
	clear:both ;
	overflow:hidden ;
	margin-bottom:30px ;
}

div#areacontents2 {
	clear:both ;
	overflow:hidden ;
	margin-bottom:30px ;
}
div#areacontents3 {
	clear:both ;
	overflow:hidden ;
	margin-bottom:30px ;
}

div#areacontainer1{
	clear:both ;
	overflow:hidden ;
	margin-bottom:40px ;
}

div#areacontainer2{
	clear:both ;
	overflow:hidden ;
	margin-bottom:40px ;
}


/* 領域囲み罫 実線 */

div.areabox1{
	clear:both ;
	overflow:hidden ;
	margin-bottom:30px ;
	padding:30px 30px 0px 30px ;
	border-style:solid solid solid solid ;
	border-width:1px ;
	border-color:#333333 ; /* [areaboxBorder] */
}

/* 領域囲み罫 点線 */

div.areabox2{
	clear:both ;
	overflow:hidden ;
	margin-bottom:30px ;
	padding:30px 30px 0px 30px ;
	border-style:dotted dotted dotted dotted ;
	border-width:1px ;
	border-color:#333333 ; /* [areaboxBorder] */
}


/* 領域囲み罫 塗り */

div.areabox3{
	clear:both ;
	overflow:hidden ;
	margin-bottom:30px ;
	padding:30px 30px 0px 30px ;
	background-color:#F6F6F6 ; /* [areaboxBackground] */
}


/* -----------------------------------------
	お問い合わせフォーム
 ----------------------------------------- */

form.contact{
	width:100% ;
	font-size:80% ;
}

form.contact .text01{
	max-width:80% ;
	box-sizing:border-box ;
}

form.contact .text01:focus{
	background-color:#FFFFDD ; /* [formfocusBackground] */
}

form.contact dl{
	margin-bottom:20px ;
}

form.contact dt{
	color:#999999 ; /* [contacttitleText] */
	font-size:90% ;
	margin-bottom:5px ;
}

form.contact dd{
	margin-bottom:15px ;
}

form.contact dl.inputcheck dd{
	padding:10px ;
	border-style:dotted dotted dotted dotted ;
	border-width:1px ;
	border-color:#333333 ; /* [contactcheckBorder] */
}

p.mailintro{
	margin-bottom:20px ;
}

span.inputerr{
	color:#FF0000 ; /* [AlertText] */
}


/* -----------------------------------------
	サイド
 ----------------------------------------- */

#side{
	float:right ;
	width:270px ;
	margin-bottom:30px ;
	overflow:hidden ;
}

/* サイドボックス 1 */

div.areasidewrap{
	
}


/* -----------------------------------------
	フッター
 ----------------------------------------- */

#footer {
	width:100% ;
	min-width:910px;
	background-color:#222222 ; /* [footerBackground] */
	overflow:hidden;
	text-align:center;
}

#footerinner {
	width:910px ;
	margin:0 auto ;
	padding:40px 0 20px ;
}

#footer ul{
	padding-left:0px ;
	margin-bottom:20px ;
	margin-left:auto;
	margin-right:auto;
}

#footer ul li {
	display:inline-block ;
	padding:0px 10px 0px 10px ;
	line-height:120% ;
	font-size:80% ;
	color:#CCCCCC ; /* [footerText] */
	border-color:#CCCCCC ; /* [footerText] */
	border-style:none none none solid ;
	border-width:1px ;
	list-style:none ;
	*display: inline;  
	*zoom: 1; 
}

#footer ul li:first-child {
	border-style:none none none none ;
}

#footer ul li a{
	color:#CCCCCC ; /* [footerText] */
	text-decoration:none ;
}

#footer ul li a:visited{
	color:#CCCCCC ; /* [footerText] */
	text-decoration:none ;
}

#footer ul li a:hover{
	color:#FFFFFF ; /* [footerhoverText] */
	text-decoration:underline ;
}

#copyright {
	text-align:center ;
	margin-bottom:10px ;
	color:#CCCCCC ; /* [copyrightText] */
	font-size:80% ;
}


/* -----------------------------------------
	モーダルウィンドウ（画像拡大）
 ----------------------------------------- */

#mdl_wrap{
	text-align:center;
	position:fixed ;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-color:#000000;
	background: rgba(0, 0, 0, 0.8);  
	display:none;
}

#mdl_container{
	position:fixed ;
	top:10%;
	height:90%;
	width:100%;
}

#mdl_wrap img{
	max-width:80%;
	max-height:80%;
	border:solid 10px #FFFFFF;
}

/* 独自CSS　ここから */


p.infoimagel img{
	max-width:30% ;
	margin-right:1em ;
	float:left ;
	margin-bottom:10px ;
}

p.infoimager img{
	max-width:30% ;
	margin-left:1em ;
	float:right ;
	margin-bottom:10px ;
}

p.infotitle{
  font-weight:bold;
  margin-bottom:10px;
  color:#333333;
}

p.infotext{
  color:#333333;
  font-size:90%;
}

div#information{
  margin-bottom:40px;
}

div.infowrap{
  margin-bottom:20px;
  padding:20px;
  background-color:#FAFAFA;
  border:solid 2px #EEEEEE;
	clear:both ;
	overflow:auto ;
}


/* 独自CSS　ここまで */

/* -----------------------------------------
	990px 未満
 ----------------------------------------- */

@media screen and (max-width:989px) {

	#header{
		min-width:0px ;
	}
	
	#headerinner{
		width:90% ;
	}
	
	
	#tagline {
			font-size:70% ;
line-height:30px;
	}
	
	#gnav nav {
		width:90% ;
	}


	#gnav nav ul li a {
		padding:0px 10px ;
		font-size:80% ;
	}
	
	#mainvisual1 {
		min-width:0px ;
	}

	#mainvisual1 .img {
		width:129% ;		/* 画像の幅÷990 */
		margin-left:-64.5% ;	/* -(画像の幅÷990÷2) */
	}


	#container {
		width:90% ;
	}
	
	#contents{
		float:none ;
		width:100% ;
	}
	
	#side{
		float:none ;
		width:100% ;
	}
	
	/* 記事 */

	div.pglist2box{
		width:105% ;
		overflow:hidden ;
	}
	
	div.pglist2{
		width:29% ;
		margin-right:4% ;
	}


	/* サイド */
	
	#side{
		width:105% ;
	}
	
	div.areaside100perwrap{
		margin-left:0px;
		width:95% ;
	}
	
	div.areasidewrap{
		float:left ;
		width:45.5% ;
		margin-right:4% ;
	}

	/* フッター */
	
	#footer {
		min-width:0px ;
	}
	
	#footerinner {
		width:90% ;
		margin:0 auto ;
		padding:30px 0 20px ;
	}
	
	#footer ul li {
		display:inline-block ;
		padding:0 10px 0 15px ;
		margin-bottom:5px ;
		font-size:75% ;
		*display: inline;  
		*zoom: 1; 
	}
}

/* -----------------------------------------
	600px 未満
 ----------------------------------------- */

@media screen and (max-width:599px) {

	#headerinner{
		text-align:center ;
		padding-top:10px ;
		padding-bottom:10px ;
	}

	#logo {
	
		line-height:30px ;
	}
	
	#headerimagelogo{
		max-width:70% ;
		margin:0px ;
	}
	
	#headerimagetagline{
		max-width:60% ;
		margin:0px ;
	}

	#tagline {
			float:none ;
			font-size:60% ;
			line-height:30px ;
	}
	
	
	#gnav-swbox{
		display:block ;
	}

	#gnav{
		display:none ;
	}

	#gnav nav {
		width:100% ;
		margin:0 auto ;
		overflow:hidden ;
	}
	
	#gnav nav ul {
		text-align:center;
		width:100% ;
		border:none ;
		border-style:dotted none none none ;
		border-width:1px ;
	border-color:#111111 ; /* [globalnaviBorder] */
	}
	
	#gnav nav ul li {
		width:100% ;
	}

	#gnav nav ul li a {
		line-height:400% ;
		border-style:none none dotted none ;
		border-width:1px ;
	border-color:#111111 ; /* [globalnaviBorder] */
	}
	
/* 記事 */


	h2#article-name{
		font-size:110% ;
	}

	h2#listtitle{
		font-size:110% ;
	}

	/* 一覧1 */
	
	div.pglist1box{
		width:105% ;
		overflow:hidden ;
	}
	
	div.pglist1{
		float:left ;
		width:29% ;
		margin-right:4% ;
	}

	/* 一覧2 */
	div.pglist2box{
		width:105% ;
		overflow:hidden ;
	}
	
	div.pglist2{
		width:45.5% ;
		margin-right:4% ;
	}

	div.pglist2 h2,div.pglist2 h3{
		font-size:80% ;
	}

	div.pglist2 p{
		font-size:75% ;
	}
	
	/* 一覧3 */
	
	div.pglist3 h2,div.pglist3 h3{
		font-size:80% ;
	}
	
	div.pglist3 p{
		font-size:75% ;
	}

	div.pgtable table th{
		font-size:70% ;
		padding:5px ;
	}
	
	div.pgtable table td{
		font-size:70% ;
		padding:5px ;
	}
	
	
/* お問い合わせフォーム */

	form.contact .text01{
		width:100% ;
		max-width:100% ;
	}
	
/* 記事一覧 */

	dl.list{
		font-size:75% ;
		line-height:130% ;
		margin-bottom:20px ;
	}
	
	dl.list dt {
		text-align:left ;
		clear:both ;
		float:left ;
		width:70px ;
		margin-bottom:10px ;
	}
	
	dl.list dd {
		text-align:left ;
		margin-left:75px ;
		margin-bottom:10px ;
	}

	span.listyear{
		display:none ;
	}
	
/* サイド */
	
	#side{
		width:100% ;
	}
	
	div.areaside100perwrap{
		margin-left:0px;
		width:100% ;
	}
	
	div.areasidewrap{
		float:none ;
		width:100% ;
		margin-right:0px ;
	}

/* フッター */

	#copyright {
		font-size:60% ;
	}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

	#mainvisual1 .img {
		text-align:center ;
	}

}


/* -----------------------------------------
	フッターをページの最下部に配置する
 ----------------------------------------- */

body , html { 
 height:100% ;
}
 
#wrap {
 width:100% ;
 position:relative ;
 height:auto !important ;
 height:100% ;
 min-height:100% ;
}
 
#container {
 padding-bottom:150px ;
}
 
#footer {
 position:absolute ;
 bottom:0 ;
 width:100% ;
}

div.gallery{
 background-color:black;
 padding:5%;
 margin-bottom:20px;
}

div.gallery img{
 margin-bottom:5%;
}

div.gallery h3{
 text-align:center;
 margin-bottom:0px;
 color:white;
 font-weight:normal;
 font-size:65%;
}

div.gallery a{
 color:white;
}

div.sidenavi h2{
 font-size:70%;
 color:white;
 text-align:center;
 background-color:#333333;
 padding:5px;
 margin-bottom:0px;
}

/* -----------------------------------------
	会社概要の表
 ----------------------------------------- */

td.tt{
  background-color:#DDDDDD;
}

div.enkaku td.tt{
  background-color:#FFFFFF;
  white-space:nowrap;
}

div.pgtable div.enkaku table td{
  border-style:none none solid none;
  border-color:#AAAAAA;
}

#pg1554 h2, #pg1554 h3{
  line-height:30px;
  padding-left:40px;
  background-image: url("../data/fb_1.png");
  background-repeat: no-repeat;
}

#pg1555 h2, #pg1555 h3{
  line-height:30px;
  padding-left:40px;
  background-image: url("../data/fb_2.png");
  background-repeat: no-repeat;
}