/** バックグランド・カラー　設定 **/

/* 白固定スマホ*/
.back_fixd_s { 
	width:100%; 
	background-color:rgba(255,255,255,0.8); 
	position:fixed; 
	top:0; left:0; z-index:1000;
}

/* 白固定PC */
.back_p { 
	width:100%; 
	background-color:rgba(255,255,255,0.8);
}

/* 白 */
.back_FFFFFF { width:100%; background-color:#FFFFFF;  position:relative; }
/* 薄いグレー*/
.back_F6F6F6 { width:100%; background-color:#F6F6F6; position:relative; }

/* 薄いピンク*/
.back_FFB3C7 { width:100%; background-color:#FFB3C7; }

/* 濃いグレー*/
.back_4D4D4D { width:100%; background-color:#4D4D4D; color:#FFFFFF; }

/* 薄い黄色*/
.back_FFE09A { width:100%; background-color:#FFE09A; }

/* 薄い青色*/
.back_7DD4EB { width:100%; background-color:#7DD4EB; }



/* 上記の2色の色を半分ずつ表示 */
.back_title2 { width:100%; 
	background: linear-gradient(left, rgba(186,206,239,1) 40%, rgba(229,234,246,1) 60%); 
	background: -ms-linear-gradient(left, rgba(186,206,239,1) 40%, rgba(229,234,246,1) 60%); 
	background: -moz-linear-gradient(left, rgba(186,206,239,1) 40%, rgba(229,234,246,1) 60%);
	background: -o-linear-gradient(left, rgba(186,206,239,1) 40%, rgba(229,234,246,1) 60%);
	background: -webkit-linear-gradient(left, rgba(186,206,239,1) 40%, rgba(229,234,246,1) 60%);
}

/* 背景（１）*/
.back_f01 {  width:100%; background:url(../img/top/top_bk01.png) repeat; position:relative; }


/* 境界の線 */
.back_line01 { position:absolute; top:0; left:0; border-top:#999999 solid 1px; border-bottom:#999999 dotted 1px; width:100%; height:0.2em; z-index:500; } /* 境界上 */
.back_line02 { position:absolute; bottom:0; left:0; border-top:#999999 dotted 1px; border-bottom:#999999 solid 1px; width:100%; height:0.18em; z-index:500; } /* 境界上 */
.back_line03 { position:absolute; top:0; left:0; border-bottom:#999999 dotted 1px; width:100%; height:0.18em; z-index:500; } /* 境界上 */

/* 境界の影 */
#back_shad01 { position:absolute; top:0; left:0; background:url(../img/common/com_shad01.png) repeat-x; width:100%; height:0.7em; z-index:500; } /* 境界上 */
#back_shad02 { position:absolute; bottom:0; left:0; background:url(../img/common/com_shad02.png) repeat-x; width:100%; height:0.7em; z-index:500; } /* 境界下 */

/***  画像の操作  ***/
.com_inline1 { display:inline; }
.com_inline2 { display:inline-block; }
.com_margina img { margin:0 auto; }
.com_auto img { width:auto; }
.com_100 img { width:100%; }
.com_90 img { width:90%; }
.com_80 img { width:80%; }
.com_70 img { width:70%; }
.com_60 img { width:60%; }
.com_50 img { width:50%; }

/***  各ページ共通コンテンツバナー  ***/
#back_comba { background:url(../img/common/com_shad03.png) repeat-x top; background-color:#FFFFFF; border-top:#A6A6A6 solid 1px; border-bottom:#A6A6A6 solid 1px; } 
#comba01 {
	width:100%;
	margin:0 auto;
	text-align:center;
}
#comba01 { width:100%; }
#comba01 li { width:50%; float:left; }

/***  各ページ共通タイトル  ***/
#back_title { background:url(../img/common/com_title_back.png) repeat; border-bottom:#A6A6A6 solid 1px; } 
.title01,
.title02,
.title03,
.title04 {
	width:100%;
	margin:0 auto;
	text-align:center;
}
.title01_01 { width:84%; padding:1em 8%; }
.title01_01 img { width:100%; }
.title01_02 { width:0; }
.title01_03 { position:absolute; bottom:1em; left:1%; width:28%; z-index:100; }
.title01_04 img { 
	box-shadow:rgba(113, 135, 164, 0.3) 0.2em 0.2em 0.2em ;
	-webkit-box-shadow:rgba(113, 135, 164, 0.3) 0.2em 0.2em 0.2em;
	-moz-box-shadow:rgba(113, 135, 164, 0.3) 0.2em 0.2em 0.2em ;
 }
.title01_05 { width:90%; margin:0 auto; padding:0.5em 0; }
.title01_06 { width:14%; padding-right:3%; float:left; }
.title01_07 { width:83%; float:left; padding-top:0.9em; }

.title01_01 p,
.title01_05 p { font-size:100%; }

.title02_01 { width:0; padding-right:0; }
.title02_02 { width:90%; padding-right:5%; padding-left:5%; }
.title02_02 p { font-size:100%; }

.title03_01 {  width:86%; margin:0 5%; background:url(../img/another/title_back.png) no-repeat 0 0; background-size:contain; padding:1.5em 2%; }
.title03_01 p { font-size:100%; }
.title03_02 {  width:86%; margin:0 5%; padding:1.5em 2%; }

.title04_01 {  width:86%; margin:0 5%; padding:1.5em 2%; }
.title04_02 {  width:90%; margin:0 5%; padding:1.5em 0; }

/***　タイトルの枠　***/
.com_waku { background:#FFFFFF url(../img/top/top_bk02.png) repeat-y 0 0; padding:0.5em 0 0.3em; }
.com_wakun { background:url(../img/top/top_bk04.png) no-repeat 0.4em 0.6em; padding:0.5em 0; border-bottom:#B7B7B7 dotted 1px; background-size:16px 16px; }
.com_wakun2 { background:url(../img/top/top_bk04.png) no-repeat 0.4em 0.6em; padding:0.5em 0; background-size:16px 16px; }
.com_waku_left { padding-left:30px; }

.com_relative { position:relative; }
/*=================================================================================*/
/** 768px以上　タブレット縦　サイズ画面  **/
@media print, screen and (min-width : 768px) {
.com_auto img { width:auto; }
.com_100 img { width:70%; }

#comba01
.title01,
.title02,
.title03 { width:100%; }
.title01_01 { width:70%; padding:1.5em 0 0 30%; }

.title01_01 p,
.title01_05 p,
.title02_02 p,
.title03_01 p { font-size:85%; }


#comba01 li { width:25%; }
#comba01 li a { display:block; }

.title01_01 { width:72.5%; padding-left:12%; } 
.title01_01 img { width:70%; }
.title01_02 { width:15.5%; }
.title01_03 { bottom:-0.7em; left:1.5%; width:15%; }
.title03_02 {  width:86%; margin:0; padding:1.5em 0; }

.title02_01 { width:23.5319%; padding-right:1%; }
.title02_02 { width:75.4681%; padding-right:0; padding-left:0; }

.title03_01,
.title03_02 { width:100%; margin:0; padding:2em 0; }

.title04_02 {  width:95%; margin:0 0 0 5%; padding:1.5em 0; }

/***　タイトルの枠　***/
.com_wakun { background-position: 0.4em 0.5em; background-size:20px 20px; }
.com_wakun2 { background-position: 0.4em 0.5em; background-size:20px 20px; }
.com_waku_left { padding-left:35px; }
.com_waku_right { padding-right:3%; }
.com_waku_right2 { padding-right:5%; }

}
/*=================================================================================*/
/** 960px以上 PCサイズ画面 **/
@media print, screen and (min-width : 960px) {
.com_auto img,
.com_100 img { width:auto; }

#comba01,

.title01,
.title02,
.title03,
.title04 { width:1200px; padding:0; }

.title01_01 img { width:auto; }
.title01_03 { width:auto; }

.title02_01 { width:15.5319%; padding-right:3%; }
.title02_02 { width:81.4681%; padding-right:0; padding-left:0; }

.title03_01 { background-size:auto; }

}