@charset "utf-8";

/* 基本スタイル
//////////////////////////////*/

*{
	/*font-size:14px;*/
	padding:0px;
	margin:0px;
	line-height:100%;
}
/*##リンク*/
a, a:link, a:visited {
	text-decoration: none;
	line-height: 2.6em;
	margin: 0px;
	padding: 0.8em 0px;
	color:#326E1E;
}
#main{
	margin: 0;
	padding:0 0 0.8em 0;
	/*
	padding: 0;
	margin:0 0 0.8em 0;
	*/
	background:url('../../img/Common/base_bg_jannavi.png') repeat-y; 
	background-size:100%;
	}
	
#container{
	padding: 0;
    background:url('../../img/Common/base_bg_jannavi.png') repeat-y; 
	background-size:100%;
}
#contents{
	padding-bottom:1em;
	padding-top:0.5em;
}

#container:before {
	display:block;
	content:"　";
	height:5px;

	-moz-box-shadow:
		inset 0px 3px 3px rgba(224,224,224,0.4);

	-webkit-box-shadow:
		inset 0px 3px 3px rgba(224,224,224,0.4);
}

#container:after {
	display:block;
	content:"　";
	height:0.5em;

	-moz-box-shadow:
		inset 0px -3px 3px rgba(224,224,224,0.4);

	-webkit-box-shadow:
		inset 0px -3px 3px rgba(224,224,224,0.4);
}

h1 {
    display: none;
/*
    color:#FFFFFF;
    background-color:#000000;
    text-align: center;
    font-size: 100%;
    line-height:1.8em;

    background: -moz-linear-gradient( top,
        #717171,
        #424242 50%,
        #313131 51%,
        #222222
        );

    background: -webkit-gradient( linear, left top, left bottom,
        from(#717171),
        color-stop(50%, #424242),
        color-stop(51%, #313131),
        to(#222222)
        );
*/
}

/*仮*/
h2.pagetitle {
    display: block;
    background: url('../../img/Common/title_base.png') no-repeat;
    background-position: center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    vertical-align: middle;
    text-align: center;
    font-size: 1.2em;
    padding: 1% 0 0 0;
    color: white;
    text-shadow: 0 1px 3px #001600, 0 0 3px #001600, 1px 0 3px #001600, 0 -1px 3px #001600, -1px -1px 3px #001600, -1px 0 3px #001600;
    line-height: 100px;
}

h2 img {
    display: block;
    width: 100%;
}

/*複数あるのは上マージンとる*/
h2 ~ h2 {
    margin-top: 0.4em;
}

/*緑背景*/
h3 {
    font-size:140%;
    padding: 3% 0;
    background:url("../../img/Common/stitle_bg.png") center center no-repeat;
    background-size:100% 100%;
    -webkit-background-size:100% 100%;
    color:#ffffff;
    text-align:center;
}

/*矢印付き*/
h3.detail {
    color: #ffffff;
    font-weight: bold;
    font-size: 100%;
    line-height: 1em;
    background: url("../../img/Common/icon_detail.png") left center no-repeat;
    background-size: auto;
    -webkit-background-size: auto;
    padding-left: 30px;
    border:10px solid transparent;
    text-align: left;
}

/*牌アイコン付き*/
h4 {
    padding-left:8%;
    margin:0 2% 0.3% 1%;
    line-height:140%;
    font-size:1.2em;
    background:url("../../img/Common/sstitle_bg_hai.png") left center no-repeat;
    border-width: 0 0 2px 0;
    border-color: silver;
    border-style: solid;
}


/* エラーメッセージ
-----------------------------*/

.errormsg{
	font-size:100%;
	color:#ffffff;
	background-color:#FF0000;
	padding:0.5em 0.5em;
	margin:0.8em;
	border-radius:0.6em;
	-webkit-border-radius:0.6em;
	-moz-border-radius:0.6em;
}

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

header {
	margin:0px;
}

h2.pagetitle {
    display: block;
    background: url('../../img/Common/title_base.png') no-repeat;
    background-position: center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    vertical-align: middle;
    text-align: center;
    font-size: 1.2em;
    padding: 1% 0 0 0;
    color: white;
    text-shadow: 0 1px 3px #001600, 0 0 3px #001600, 1px 0 3px #001600, 0 -1px 3px #001600, -1px -1px 3px #001600, -1px 0 3px #001600;
    line-height: 100px;
}

h2 img {
    display: block;
    width: 100%;
}

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

footer{
	padding-top:7px;
	background:url(../../img/Common/footer_bg_b.png) left top repeat-x;
}
footer .footer_base{
	padding-top:1.4em;
	padding-bottom:1.3em;
	background:url(../../img/Common/footer_bg_b2.png) left top repeat-x #ffffff;
}
.winlight_logo{
	width:40%;
	margin:0 auto;
}
.winlight_logo img{
	width:100%;
}

div.footer {
 text-align: center;
 background-color: white;
 padding: 1em 0;
 font-size:0.8em;
}

hr.footer {
 border-width: 1px;
 border-color: #f0821e;
}

/*アイコンリンク
//////////////////////////////*/
.iconlink {
	width: 100%;
	background: url("../../../img/Common/footer_bg01.png") no-repeat left bottom;
	background-size: 100%;
	padding: 2% 0 0;
	text-align: center;
	display: -webkit-box;
	overflow: hidden;
}

.iconlink_cell {
	width: 20%;
}

.iconlink_cell img{
	width: 95%;
}

.iconlink_cell a {
	width: 100%;
	display: block;
	color:#fff;
	padding: 0 !important;
	line-height:0 !important;
}

/*--- form使用時 ---*/
.iconlink_cell form input[type="image"] {
	width: 95%;
}

/*固定フッタ用*/
.fixedfooter {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    margin: 0;
	z-index: 100;
}

/* ベーススタイル
//////////////////////////////*/

.base_a{
	width:auto;
	margin:1.3em 2% 0 2%;
	background-color:whiteSmoke;
	border:0.2em solid #DADADA;
	border-radius:0.6em;
	padding:3%;
	-webkit-border-radius:0.6em;
	-moz-border-radius:0.6em;
}

.innerbase_b {
width: 90%;
margin: 2% auto;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border: 3px solid #8E908F;
background-color: #FFFFEC;
padding: 3.0%;
text-align: center;
line-height: 140%;
}

.base_c {
	width: 94.2%;
	margin: 2% auto;
	background-color: white;
	border: 3px solid white;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding: 0.2% 0.1%;
	line-height: 130%;
	text-align: center;
}

.base_form{
	width:auto;
	margin:1.3em 2% 0 2%;
	background-color:#F5F5F5;
	border:0.2em solid #CACACA;
	border-radius:0.6em;
	padding:3%;
	-webkit-border-radius:0.6em;
	-moz-border-radius:0.6em;
}
.fotsizelarge{
	font-size:90%;
}

.base_simple_split{
	padding:1.3em 0 0.5em;
	margin:0 0 0 0;
	/*
	border-bottom:0.2em solid #DADADA;
	*/	
}

/* インナーベース A
---------------------------*/

.innerbase_a {
    width:90%;
    margin:2% auto;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border:3px solid #C6B595;
    background-color:#FFFFED;
    padding:3.0%;
    text-align:left;
    line-height:140%;
	color: #430B09;
}

/**********************
* 文字系：強調/色付け等
***********************/
em {
    font-style: normal;
    color: #FF8040;
}

strong {
    color: #FF4455;
}

small {
    color: red;
}

small:before {
    content: url("../../img/JanAndroid/Common/sstitle_bg_notice.png");
}

i.supplement {
    font-size: 0.8em;
}

.Attention {
    color: red;
}

.bold {
    font-weight:bold;   
}

/*文字色*/
.red {
    color: #de0936;
}

.orange {
    color: #da5a05;
}

.yellow {
    color: #d99f03;
}

.yellowgreen {
    color: #5e840a;
}

.green {
    color: #336633;
}

.pink {
    color: #f75594;
}

.perple {
    color: #8c1db5;
}

.blue {
    color: #1b2ea1;
}

.rightblue {
    color: #006699;
}

.bluegreen {
    color: #058975;
}

.emred {
    color: #ff0000;
    font-weight:bold;
}
}


/* タイトルスタイル
//////////////////////////////*/

.stitle,
.stitle_2{
	font-size:100%;
	line-height:100%;
	padding:0.2em 0 0.2em 1.7em;
	margin:0 0 0.4em 0;
	background:url(../../img/Common/stitle_icon.png) left center no-repeat;
	-moz-background-size:contain;
	background-size:contain;
}
.sstitle{
	font-size:100%;
	line-height:100%;
	padding:0.2em 0 0.2em 1.7em;
	margin:0.4em 0 0.2em 0;
}

.sstitle2{
	font-size:100%;
	line-height:100%;
	padding:0.2em 0 0.2em 1.7em;
	margin:0.4em 0 0.2em 0;
}

.stitle_2{
	color:#ffffff;
	padding-left:2em;
	line-height:140%;
	margin:0 0.3em -0.8em 0.3em;
	-moz-background-size:auto;
	background-size:auto; 
}

/* ボタンスタイル
//////////////////////////////*/

/* スタイルシートのみのデザイン
-----------------------------*/

.btn_default{
	font-size:140%;
	padding:5px;
	border:0.1em solid #707070;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	background: -webkit-gradient(linear,left bottom, left top,  
	from(#c5c5c5),
	to(#ffffff));
	background: -moz-linear-gradient(center bottom,
	rgb(197,197,197) 0%,
	rgb(255,255,255) 100%);
	display:block;
}
.btn_default_2{
	font-size:100%;
	padding:5px;
	border:0.1em solid #707070;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	background: -webkit-gradient(linear,left bottom, left top,  
	from(#c5c5c5),
	to(#ffffff));
	background: -moz-linear-gradient(center bottom,
	rgb(197,197,197) 0%,
	rgb(255,255,255) 100%);
	display:block;
}
/* 中央寄せ・上部マージン等共通 */
.btn_sys_block{
	margin:0.8em 0 0.8em 0;
	text-align:center;
}

/* 画像ボタン
-----------------------------*/

.btn_img_style_a{
	width:70%;
}
.btn_img_block_style_a{
	text-align:center;
	font-size:0;
	/*
	background:url(../../img/Common/btn_img_block_style_a.png) left center no-repeat;
	-moz-background-size:contain;
	background-size:contain;
	*/
}


/*キャンセル・入力内容確認ボタン*/

input[type="submit"], button, a.command {
	border: 1px solid hsl(0, 0%, 40%);
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 6px;
	background: -moz-linear-gradient(top,
	 white,
	 hsl(0, 0%, 56%)
	 );
	background: -webkit-gradient(linear, left top, left bottom,
	 from(white),
	 to(hsl(0, 0%, 56%))
	 );
    padding:0.8em;
	 }

 input[type="button"],button, a.command {
	border: 1px solid hsl(0, 0%, 40%);
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 6px;
	background: -moz-linear-gradient(top,
	 white,
	 hsl(0, 0%, 56%)
	 );
	background: -webkit-gradient(linear, left top, left bottom,
	 from(white),
	 to(hsl(0, 0%, 56%))
	 );
    padding:0.8em;
	 }
	 
	 
	 
	 
/* リンクスタイル
//////////////////////////////*/

.sublink_default{
	border-bottom:0.1em solid #cccccc;
	background: -webkit-gradient(linear,left bottom, left top,  
	from(#dadada),
	to(#eeeeee));
	background: -moz-linear-gradient(center bottom,
	rgb(218,218,218) 0%,
	rgb(194,194,194) 100%);
	margin:1.3em 0 0 0!important;
	display:block;
	text-decoration:none;
	color:#000000;
}

.sublink_notdefault{
	border-bottom:0.1em solid #cccccc;
	background: -webkit-gradient(linear,left bottom, left top,  
	from(#dadada),
	to(#eeeeee));
	background: -moz-linear-gradient(center bottom,
	rgb(218,218,218) 0%,
	rgb(194,194,194) 100%);
	margin:0;
	display:block;
	text-decoration:none;
	color:#000000;
}

.sublink_default span{
	font-size:90%;
	padding:0.6em 2%;
	background:url(../../img/Common/linkmark.png) 98% center no-repeat;
	display:block;
}

.sublink_notdefault span{
	font-size:90%;
	padding:0.6em 2%;
	background:url(../../img/Common/linkmark.png) 98% center no-repeat;
	display:block;
}


/* テキストスタイル
//////////////////////////////*/
.text_default{
	font-size:100%;
	line-height:150%;
}
.text_default strong{
	color:#FF9900;
}
.subtext{
	font-size:55%;
	line-height:140%;
	margin-top:0.6em;
	color:#505050;
}


/*##リンクリスト、ページャー*/
div.linkpanel div.pager {
	margin: 0px;
	padding: 0.2em 0;
}

/*ページャー*/
div.pager {
	border-width: 1px 0;
	border-top-color: #FFFFFF;
	border-bottom-color: #B6B6B6;
	border-style: solid;

	background: -moz-linear-gradient( top,
		#F3F3F3,
		#D5D5D5 );

	background: -webkit-gradient( linear, left top, left bottom,
		from(#F3F3F3),
		to(#D5D5D5)
		);

	width:100%;
	display: -moz-box;
	display: -webkit-box;
	-moz-box-pack: center;
	-moz-box-align: center;

	-webkit-box-pack: center;
	-webkit-box-align: center;

	text-align: center;
}

/*リンクパネル*/
div.linkpanel {
	background: -moz-linear-gradient( top,
		#f2f2f2 0%,
		#f2f2f2 4%,
		#dbdbdb 11%,
		#f5f5f5 90%,
		#cacaca 100% );

	background: -webkit-gradient( linear, left top, left bottom,
		from(#f2f2f2),
		color-stop(0.04, #f2f2f2),
		color-stop(0.11, #dbdbdb),
		color-stop(0.90, #f5f5f5),
		to(#cacaca)
		);
}

/*並んでるならちょっと離す*/
div.pager + div.linkpanel, div.linkpanel + div.linkpanel {
	margin: 1px 0;
}

/*ページ番号*/
div.pager>div.pagenum {
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
}

/*前｜次*/
div.prev, div.next {
	display:block;
}

/*前｜戻る*/
div.prev, div.back {
	text-align: left;
}

/*次*/
div.next {
	text-align: right;
}

/*矢印画像ボタンのスタイル*/
div.pager a, div.linkpanel>div.back>a {
	text-decoration: none;
	line-height: normal;
	margin: 0.4em;
	padding: 0px;
}

div.pager a img, div.linkpanel>div.back a img {
	width: 61px;
	vertical-align:middle;
}

/*リンクパネル用ボタン*/
a.moreinfo {
	background: url("../../img/Common/sublink_icon.png") left center no-repeat;
	background-size: auto 28px;
	-webkit-background-size: auto 28px;
	padding-left: 30px;
	padding-right: 0.5em;
	color: #000;
}

/* フォームスタイル
//////////////////////////////*/

.input_value{
	width:98%;
	font-size:1.2em;
	height: 2.0em;
	padding-left:0.3em;
	border-radius: 10px;
}

}

.input_lock{
	background-color:#CCCCCC;
}


/* clearfix
//////////////////////////////*/

.clearfix:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}
.clearfix{display:inline-block;}

/* Hides from IE5-mac \*/
* html .clearfix, * html #content, * html .veri { height:1px; }
.clearfix #content .veri { display:block; }
/* End hide from IE5-mac */


/*////////グラデ背景タイトル////////*/
h3.icon {
    text-shadow:none;
	padding:0;
    margin: 0;
    text-align: left;
    line-height: 2em;

    color: #ffffff;
    font-size: 100%;
    font-weight: normal;
	border-bottom: 3px solid #CACACA;

    background: -moz-linear-gradient(top, #f09b26 0%, #ffb957 2%, #f09b26 4%, #ef520b 100%);

    background: -webkit-gradient( linear, left top, left bottom, 
        from(#F09B26), color-stop(2%, #FFB957), 
        color-stop(4%, #F09B26), to(#EF520B) );
}

h3.icon>span {
    padding-left: 37px;
    margin-left: 7px;

    background-position: 2px center;
    background-repeat: no-repeat;

    background-size: 28px auto;
    -webkit-background-size: 28px auto;
    display:block;
    line-height:2.4em;
}

/*/ アイコン設定 /*/
h3.icon.cooperate > span {
    background-image: url("../../../JanAndroid/img/Common/icon_cooperate.png");
}

h3.icon.point > span {
    background-image: url("../../../JanAndroid/img/Common/icon_pointmark.png");
}

/**************************
* ブロックリンクリスト
***************************/

/*#基本*/
div.bllist {
    background-color: #CACACA;
    padding: 0.2em 0;
}

/* 3パターンリスト*/
div.bllist>a, div.bllist>div {
    display: block;
    padding:0.5em 20px 0.5em 0.5em;

    background: 
        url("../../../JanAndroid/img/Common/link_mark.png") 98% center no-repeat,#FFF;

    -webkit-background-size: 9px auto;
    background-size: 9px auto;
    color:#000;
    line-height: 0.7em;
}

/*項目間*/
div.bllist>a+a, div.bllist>a+div, div.bllist>div+a, div.bllist>div+div {
    margin-top: 3px;
}