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


/* フォント
--------------------------------------------------*/
.red {
	color: #ff0000;
}
.blue {
	color: #1085C5;
}
.blue02 {
	color: #03419E;
}
.green {
	color: #009966;
}
.orenge {
	color: #FF6501;
}
.pink {
	color: #F69;
}
.gray {
	color: #666;
}

.bold{
	font-weight: bold;
}
.normal{
	font-weight: normal;
}


.headspace {
	margin: 0 0 5px 10px;
}
.indent01 {
	text-indent: 1em;
}



.font80 {
	font-size: 80%;
}
.font90 {
	font-size: 90%;
}
.font100 {
	font-size: 100%;
}
.font110 {
	font-size: 110%;
}
.font120 {
	font-size: 120%;
}
.font130 {
	font-size: 130%;
}
.font140 {
	font-size: 140%;
}
.font150 {
	font-size: 150%;
}
.font160 {
	font-size: 160%;
}
.font180 {
	font-size: 180%;
}
.font200 {
	font-size: 200%;
}
.font240 {
	font-size: 240%;
}


.japan_font {
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}




/* スペース
--------------------------------------------------*/

.mt10 {
	margin-top: 1em;
}




/*　タイトル
--------------------------------------------------*/
/*ページタイトル*/
.title01 {
	margin: 0.5em auto 1em;
	padding: 1em 0 0.9em 1em;
	border: solid 1px #CCCCCC;
	border-top: solid 7px #047EC4;
	background: url(../img/common/title_bg.jpg) repeat-x bottom;
	font-size: 130%;
	font-weight: bold;
	border-radius: 8px;
	text-align: left;
}


/*小タイトル*/
.title02 {
	border-top: solid 3px #047EC4;
	background: #283C5A;
	padding: 0.4em 0 0.4em 1em;
	margin: 0 0 1em;
	color: #FFFFFF;
	font-size: 120%;
	font-weight: bold;
}

.title03 {
	border-bottom: solid 2px #666666;
	padding: 0.5em 0.5em 0 1em;
	margin: 0 auto 1em;
	font-size: 120%;
}

.title04 {
	border-top: solid 2px #03419E;
	border-bottom: dashed 1px #BBBBBB;
	padding: 0.5em 0 0.3em 0.8em;
	margin: 0 0 1em;
	color: #03419E;
	font-size: 120%;
	font-weight: bold;
	text-align: left;
}
.title05 {
	margin: 0 auto;
	padding: 0;
}

.title_cercle {
	width: 120px;
	height: 120px;
	-webkit-border-radius: 50%;/* 50%でもOK */
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #047EC4;/* 円の色 */
	color: #FFFFFF;
	margin: 0 auto 1em;
	text-align: center;
	line-height: 120px;
}


/*パンくずリスト*/
ol#path {
	margin: 0 0 5px;
	font-size: 84.6%;
	line-height: 1.335;
	text-align: right;
	background: #EEEEEE;
	padding: 0.3em;
}
ol#path li {
	display: inline;
	line-height: 110%;
	list-style-type: none;
}
ol#path li a {
	padding-right: 12px;
	background: url(../img/common/path.png) no-repeat right center;
}



/* ボタン
--------------------------------------------------*/
/*黒*/
.btn_black {
	text-align: center;
	margin: 0.5em 0;
}
.btn_black a {
	text-decoration: none;
	padding: 0.3em 1em 0.2em;
	display: block;
	border-radius: 6px;
	color: #FFFFFF;
	background: #000000;
}
.btn_black a:hover {
	background: #777777;
	border-bottom: solid 2px #000000;
}

/*スマホの時だけ*/
@media screen and (max-width:648px){

.sp_btn_black {
	text-align: center;
	margin: 0.5em 0;
}
.sp_btn_black a {
	text-decoration: none;
	padding: 0.3em 1em 0.2em;
	display: block;
	border-radius: 6px;
	color: #FFFFFF;
	background: #000000;
}
.sp_btn_black a:hover {
	background: #777777;
	border-bottom: solid 2px #000000;
}
}

/*黒ケイの灰*/
.btn_black_white {
	text-align: center;
	margin: 0.5em 0;
}
.btn_black_white a {
	text-decoration: none;
	padding: 0.5em 1em 0.4em;
	display: block;
	border: solid 1px #cccccc;
	border-radius: 6px;
	color: #333333;
	background: #FFFFFF url(../img/common/title_bg.jpg) repeat-x bottom;
}
.btn_black_white a:hover {
	background: #EEEEEE;
	border: solid 1px #666666;
	border-bottom: solid 2px #22325E;
}


/*青ケイの灰*/
.btn_blue_gray {
	text-align: center;
	margin: 0.5em auto;
}
.btn_blue_gray a {
	text-decoration: none;
	padding: 0.6em 0 0.5em;
	display: block;
	border: solid 1px #CCCCCC;
	border-radius: 6px;
	color: #FFFFFF;
	background: #1078B1;
}
.btn_blue_gray a:hover {
	background: #1F76B4;
	border: solid 1px #CCCCCC;
	border-bottom: solid 3px #CCCCCC;
}

/*会員ページログイン*/
.btn_login {
	float: right;
	width: 180px;
	margin-left: 1em;
}
.btn_login a {
	padding-top: 1em;
	padding-bottom: 0.8em;
}

/*揃え*/
.btn_center {
	margin-left: auto;
	margin-right: auto;
}

/*--サイズ--*/
/*4つ*/
.btn4 {
	width: 23%;
}
/*3つ*/
.btn3 {
	width: 28%;
}
/*1つ*/
.btn5size {
	width: 5em;
}
.btn10size {
	width: 10em;
}
.btn15size {
	width: 15em;
}

@media screen and (max-width:860px){
/*4つ*/
.btn4 {
	width: 40%;
}
}

@media screen and (max-width:648px){
/*4つ*/
.btn4 {
	width: 90%;
}
/*3つ*/
.btn3 {
	width: 90%;
}
/*1つ*/
.btn5size {
	width: 90%;
}
.btn10size {
	width: 90%;
}
.btn15size {
	width: 90%;
}
	
/*TEL*/
.btn_tel {
	text-align: center;
	margin: 0.5em 0;
}
.btn_tel a {
	text-decoration: none;
	padding: 0.5em 1em 0.4em;
	display: block;
	border: solid 1px #cccccc;
	border-radius: 6px;
	color: #333333;
	background: #FFFFFF url(../img/common/title_bg.jpg) repeat-x bottom;
}
.btn_tel a:hover {
	background: #EEEEEE;
	border: solid 1px #666666;
	border-bottom: solid 2px #22325E;
}
}




/* リスト
--------------------------------------------------*/
/*ノーマル*/
.text_box ul {
	margin-bottom: 1em;
}
.text_box ul li {
	list-style: outside disc;
	margin-left: 2em;
}

.text_box ol {
	margin-bottom: 1em;
}
.text_box ol li {
	list-style: outside decimal;
	margin-left: 2.5em;
}

dl.list {
	margin: 0 0 1em 1em;
}
dl.list dt {
	margin: 1em 0 0.5em;
}
dl.list dd {
	margin: 0 0 1em 1em;
}

/*abc*/
ol.abc_list {
	margin-bottom: 1em;
}
ol.abc_list li {
	list-style: outside lower-latin;
	margin-left: 2.5em;
}

/*ポイント*/
ul.point_list {
	margin: 0 0 0 1em;
}
ul.point_list li {
	margin-left: 1em;
	position: relative;
}
ul.point_list li:after {
	display: block;
	content: '';
	position: absolute;
	top: .4em;
	left: -1em;
	width: 8px;
	height: 8px;
	background-color: #E58424;
	border-radius: 100%;
}

/*矢印*/
ul.arrow01 li {
	position: relative;
	list-style: none;
}
ul.arrow01 li:after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1em;
	width: 6px;
	height: 6px;
	border-right: 2px solid #3498db;
	border-bottom: 2px solid #3498db;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/*円の上に矢印*/
ul.arrow02 li {
	position: relative;
	list-style: none;
}
ul.arrow02 li:after,
ul.arrow02 li:before {
	display: block;
	content: '';
	position: absolute;
}
ul.arrow02 li:after {
	top: .35em;
	left: -1.2em;
	width: 14px;
	height: 14px;
	background-color: #3498db;
	border-radius: 100%;
}
ul.arrow02 li:before {
	z-index: 2;
	top: .625em;
	left: -.975em;
	width: 4px;
	height: 4px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}


@media screen and (max-width:648px){
ul.arrow01 li {
	margin: 0.5em;
}
ul.arrow01 li:after,
ul.arrow01 li:before {
	display: block;
	content: '';
	position: absolute;
}
ul.arrow01 li:after {
	width: 0;
	height: 0;
}
ul.arrow01 li:before {
	width: 0;
	height: 0;
	border-right: none;
	border-bottom: none;
	-webkit-transform: none;
	transform: none;
}
ul.arrow01 li a {
	padding: 0.5em;
	border: solid 1px #CCCCCC;
	background: #0479BF url(../img/common/btn_bg02.jpg) repeat-x top;
	overflow: hidden;
	display: block;
	border-radius: 6px;
	color: #FFFFFF;
	text-decoration: none;
}
ul.arrow01 li a:over {
	padding: 0.5em;
	border: solid 1px #CCCCCC;
	background: #BDD7E1;
}
	
	
ul.arrow02 li {
	margin: 0.5em;
}
ul.arrow02 li:after,
ul.arrow02 li:before {
	display: block;
	content: '';
	position: absolute;
}
ul.arrow02 li:after {
	width: 0;
	height: 0;
}
ul.arrow02 li:before {
	width: 0;
	height: 0;
	border-right: none;
	border-bottom: none;
	-webkit-transform: none;
	transform: none;
}
ul.arrow02 li a {
	padding: 0.5em;
	border: solid 1px #CCCCCC;
	background: url(../img/temp/navi_back.jpg) repeat-x top;
	overflow: hidden;
	display: block;
}
ul.arrow02 li a:over {
	padding: 0.5em;
	border: solid 1px #CCCCCC;
	background: #BDD7E1;
}
}


/*※印など、テキスト頭付けのリストの2行目下げ*/
ul.starmark {
	list-style: none;
}
ul.starmark li {
	text-indent:-1em;
	list-style: none;
}


/*年月日付き*/
dl.month {  
    width: 640px;
    padding: 10px;  
    overflow: hidden;
}  
dl.month dt {  
    float: left;
    margin-left: 10px;
    padding: 10px 0 10px 15px;
    text-align: right;
    background: url(../img/common/point02.jpg) no-repeat 2px 1.4em;
}  
dl.month dd {  
    padding: 10px 0 10px 100px;
}





/*横並び*/
ul.list_sbys_center {
	text-align: center;
	list-style: none;
}
ul.list_sbys_center li {
	display: inline-block;
}


ul.list_sbys_left {
	text-align: left;
	list-style: none;
}
ul.list_sbys_left li {
	display: inline-block;
}



@media screen and (max-width:648px){
ul.list_sbys_center li {
	display: block;
	margin: 0 auto 0.6em;
}

ul.list_sbys_left li {
	display: block;
	margin: 0 auto 0.6em;
}
}


/* 本文
--------------------------------------------------*/
.text_box {
	width: 96%;
	margin: 0 auto 2em;
	overflow: hidden;
}
.text_box01 {
	width: 96%;
	margin: 0 auto 1em;
	overflow: hidden;
}

.article {
	text-align: left;
}

.text_box p {
	margin-top: 0;
	padding-top: 0;
}
.text_box li {
	line-height: 1.8;
}



/*--段落--*/
.text_column {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	-moz-column-gap: 1.6em;
	-webkit-column-gap: 1.6em;
	column-gap: 1.6em;
}
.text_column p {
	margin: 0 auto 1em;
}

/*--2カラム--*/
.column_left {
	float: left;
	display: block;
	overflow: hidden;
}
.column_right {
	float: right;
	display: block;
	overflow: hidden;
}

/*5:5*/
.box_05 {
	width: 49%;
}

/*4:6*/
.box_04 {
	width: 38%;
}
.box_06 {
	width: 60%;
}

/*3:7*/
.box_03 {
	width: 28%;
}
.box_07 {
	width: 70%;
}

/*1カラム*/
.box_80 {
	width: 80%;
}
.box_20 {
	width: 20%;
}
.box_02 {
	width: 20%;
}

/*margin*/
.left_10 {
	margin-left: 8%;
}
.right_10 {
	margin-right: 8%;
}


@media screen and (max-width:648px){
.column_left {
	float: none;
	margin: 0 auto 1em;
}
.column_right {
	float: none;
	margin: 0 auto 1em;
}

/*5:5*/
.box_05 {
	width: 99%;
}

/*4:6*/
.box_04 {
	width: 99%;

}
.box_06 {
	width: 99%;
}

/*3:7*/
.box_03 {
	width: 99%;
}
.box_07 {
	width: 99%;
}

/*1カラム*/
.box_80 {
	width: 99%;
}
.box_02 {
	width: 99%;
}

/*--段落--*/
.text_column {
	-moz-column-count: 1;
	-webkit-column-count: 1;
	column-count: 1;
	-moz-column-gap: 0;
	-webkit-column-gap: 0;
	column-gap: 0;
}
.text_column p {
	margin: 0 auto 1em;
}
	
}

/*色付きbox*/
.color_box01 {
	background: #C6D7E8;
	padding: 0.5em 0.5em 0;
	margin: 0 auto 1em;
}





/*--Table用ボックス--*/

.tablebox table	{
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #999;
}
.tablebox th, .tablebox td {
	padding: 10px;
	border-collapse: collapse;
	border: 1px solid #999;
}
.tablebox th {
	background: #f4f4f4;
}

.table_size01 th {
	width: 30%;
	text-align: left;
}
.table_size02 th {
	text-align: left;
}

@media only screen and (max-width:480px){
.tablebox table	{
	border: none;
}
.tablebox th {
	border: none;
	border-bottom: dotted 1px #CCC;
}
.tablebox td {
	border: none;
	border-bottom: 1px solid #999;
}
.table_size01 {
}
.table_size01 th,
.table_size01 td {
	width: 100%;
	display: block;
	border-top: none;
}
.table_size01 tr:first-child th	{
	border-top: 1px solid #999;
}

}


@media only screen and (max-width:900px){
table.table_size02 {
	border: 1px solid #999;
}
.table_size02 th,
.table_size02 td {
	width: 100%;
	display: block;
	border-top: none;
	border-bottom: dotted 1px #999;
}
.table_size02 tr {
	border-bottom: 1px solid #999;
}
.table_size02 th:last-child,
.table_size02 td:last-child {
	border-bottom: none;
}
}

.tablebox_n table {
	width: 96%;
	margin: 0.5em auto;
	border-collapse: collapse;
	border: 1px solid #999;
	font-size: 100%;
}
.tablebox_n table th {
	padding: 8px;
	border-collapse: collapse;
	border: 1px solid #999;
}
.tablebox_n table td {
	padding: 8px;
	border-collapse: collapse;
	border: 1px solid #999;
}



/*表内中央ぞろえ*/
.th_center th {
	text-align: center;
}
.td_center td {
	text-align: center;
}



/*--tdの装飾--*/
.tablebtn td {
	background: url(../img/common/btn_back00.jpg) repeat-x bottom;
}
.tablebtn td.orengebtn {
	background: url(../img/common/btn_back01.jpg) repeat-x bottom;
}



/* 共通
--------------------------------------------------*/
/*文字ぞろえ*/
.textcenter {
	text-align: center;
}
.textright {
	text-align: right;
}
.textleft {
	text-align: left;
}

@media screen and (max-width:648px){
.sp_textcenter {
	text-align: center;
}
}

@media screen and (max-width:920px){
/*改行*/
.br:before {
	content: "\A" ;
	white-space: pre ;
}
}

.moji_space01 {
	letter-spacing: 0.5em;
}

/*外部リンク
#contents a[href^="http"]	{ 
	background: url(../img/common/site_icon.png) no-repeat right center;
	padding-right: 0.8em;
	margin-right: 0.5em;
}
#contents a[href^="http://network-way.com/"] {
	background:none;
	padding-right:0;
	margin-right:0;
}
#contents a[href^="http://www.kowa-denki.co.jp/"] {
	background:none;
	padding-right:0;
	margin-right:0;
}*/

/*PDF
a[href$=".pdf"]	{ 
	background: url(../img/common/pdf_icon_mini.jpg) no-repeat right center;
	padding-right: 1.5em;
	margin-left: 0;
}
* html a.pdf{ 
	background: url(../img/common/pdf_icon_mini.jpg) no-repeat right center;
	padding-right: 1.3em;
	margin-left: 0;
}
*/


/*clear*/
.clear {
	clear: both;
}



/* ライン
--------------------------------------------------*/
.border_under {
	border-bottom: 1px solid #BFD1D5;
}
.border_top {
	border-top: 1px solid #BFD1D5;
}

/*ドット*/
.dotborder_under {
	border-bottom: 1px dotted #BFD1D5;
}
.dotborder_top {
	border-top: 1px dotted #BFD1D5;
}


strong.border_text01 {
  background: linear-gradient(transparent 30%, #95D5FF 30%);
}

strong.border_text02 {
  background: linear-gradient(transparent 30%, #fbd 30%);
}



/* スマホ時
--------------------------------------------------*/
.sp_alive {
	display: none;
}

.pc_alive {
	display: block;
}

@media screen and (max-width:648px){
.sp_alive {
	display: block;
}

.pc_alive {
	display: none;
}
}



/* イメージ画像
--------------------------------------------------*/
.imgright {
	float: right;
	margin: 0 0 10px 10px;
}
.imgleft {
	float: left;
	margin: 0 10px 5px 0;
}

/*スマホ時floatあり*/
.imgright02 {
	float: right;
	margin: 0 0 10px 10px;
}
.imgleft02 {
	float: left;
	margin: 0 10px 5px 0;
}

/*常に100％*/
img {
	max-width: 100%;
}


@media screen and (max-width:648px){
/*スマホ時float解除*/
.imgright {
	float: none;
	margin: 0 auto 0.5em;
	text-align: center;
}
.imgleft {
	float: none;
	margin: 0 auto 0.5em;
	text-align: center;
}
}

/*リンク*/
.link_noline a {
	text-decoration: none;
	color: #333333;
}


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

input[type="text"], input[type="tel"], input[type="number"], textarea, input[type="email"] {
	border: solid 1px #CCCCCC;
	width: 92%;
}
input[type="submit"], input[type="reset"],input[type="button"] {
	width: 10em;
	padding: 0.6em 0 0.4em;
	background: url(../img/common/title_bg.jpg) repeat-x bottom;
	border: solid 1px #CCCCCC;
	cursor: pointer;
	border-radius: 6px;
}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
	background: #92CDB6;
}

@media screen and (max-width:648px){
input.radio {
	display:inline-block;
	width:40%;
	height:2em;
	vertical-align:top;
}
label.radiolabel {
	display:inline-block;
	width:90%;
	height:2em;
	line-height:2em;
	background:#EEF;
	border:1px solid #CCC;
	padding-left: 1em;
	margin: 0 auto;
}

}



/*--editor連携--*/
/*Title*/
h2.title02 {
	border-top: solid 3px #047EC4;
	background: #283C5A;
	padding: 0.4em 0 0.4em 1em;
	margin: 0 0 1em;
	color: #FFFFFF;
	font-size: 120%;
	font-weight: bold;
}

h3.title03 {
	border-bottom: solid 2px #666666;
	padding: 0.5em 0.5em 0 1em;
	margin: 0 auto 1em;
	font-size: 110%;
	font-weight: bold;
}



/*ライン付きテーブル*/
table.tableline {
	margin: 0.5em 0;
	border-collapse: collapse;
	border: 1px solid #999;
	font-size: 100%;
}
table.tableline th {
	padding: 8px;
	border-collapse: collapse;
	border: 1px solid #999;
	background: #EEEEEE;
}
table.tableline td {
	padding: 8px;
	border-collapse: collapse;
	border: 1px solid #999;
}