﻿/*--ページ、ヘッダー、コンテンツ--*/
.ui-page{
	background:#ffffff;
        max-width:800px;
        margin:auto;
        display:block;
        left:0;
        right:0;
        text-align:left;
}
.ui-header{
	//background: linear-gradient(#a9a9a9, #c0c0c0);
	//background: -moz-linear-gradient(#a9a9a9, #c0c0c0);
	//background: -webkit-linear-gradient(#a9a9a9, #c0c0c0);
	background:  linear-gradient(#006699, #003366);
	background: -moz-linear-gradient(#006699, #003366);
	background: -webkit-linear-gradient(#006699, #003366);
	border:1px solid #c0c0c0;
}
.ui-header .ui-title{
	color:#ffffff;
	text-shadow:none;
	text-align:left;
	margin:0.5em 5% 0.5em;
}
.ui-content{
	background:#ffffff;
        font-family:Meiryo, メイリオ,'lucida grande',verdana,helvetica,arial,sans-serif;
}

/*--トップページ 画像--*/
.logo{
	padding:5px 0px 10px;
	text-align:center;
}
.logo img{
	width:60%;
}
.main_img img{
	width:100%;
}
.sub_img{
	padding:10px 0px;
	text-align:center;
}
.sub_img img{
	width:90%;
}

/*---下層ページの画像---*/
.img_w{
	width:100%;
}

/*--ページトップへ--*/
.pagetop{
	padding:10px 5px;
	text-align:right;
	background:#efefef;
}
/*--フッター--*/
#footer{
	text-align:center;
	padding:20px 0px;
	font-size:11px;
	background:#efefef;
}



/*------------リスト・ボタン系-----------------*/
/*--文字省略なし(ヘッダー・フッター含む)---*/
.ui-header .ui-title,
.ui-footer .ui-title,
.ui-btn-inner,
.ui-li-heading,
.ui-li .ui-btn-text a.ui-link-inherit,
.ui-li-desc
{
	overflow: visible;
	white-space: normal;
}

/*-ボタンコーナー部分-*/
.ui-btn-corner-all{
	border-radius:5px;
}
/*-ボタンサイズ-*/
.ui-btn-inner{
	padding:5px 20px;
}
/*-ヘッダー ボタンコーナー部分-*/
.ui-header .ui-btn-corner-all{
	border-radius:15px;
}
/*-リストビュー リスト名部分-*/
.ui-li .ui-btn-text a.ui-link-inherit{
	font-size:13px;
}
.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit{
	min-height: 20px;
	padding-left:60px;
}
/*-リストビュー サムネイル部分-*/
.ui-listview .ui-li-thumb {
	max-height: 36px;
	max-width: 36px;
	left: 8px;
	top:  12px; 
}

/*--トップ　リストビュー(ニュース)--*/
li.toplist_news{
	background:#ffffff;
	font-size:13px;
	line-height:13px;
}
li.toplist_news:hover{
	font-weight:normal;
}
li.toplist_news.ui-btn-active{
	border-color:#c0c0c0;
	text-shadow:none;
}
li.toplist_news.ui-btn-active:visited,
li.toplist_news.ui-btn-active:hover,
li.toplist_news.ui-btn-active a.ui-link-inherit{
	color:#5994bf;
}
li.toplist_news p{
	font-size:11px;
	font-weight:bold;
}
li.toplist_news.ui-btn-up-c{
	font-weight:100;
}

/*--トップ　リストビュー(メニュー)の背景色、タップ時--*/
li.toplist_menu1{
	//background:#dcdcdc;
        background:#459ed2;
}
li.toplist_menu2{
	background:#efefef;
}

.toplist_menu1.ui-btn-active{
	border-color:#c0c0c0;
        color: white;
	text-shadow:none;
}
li.toplist_menu1.ui-btn-active:visited,
li.toplist_menu1.ui-btn-active:hover,
li.toplist_menu1.ui-btn-active a.ui-link-inherit{
	color:#5994bf;
}
li.toplist_menu2.ui-btn-active{
	border-color:#c0c0c0;
	text-shadow:none;
}
li.toplist_menu2.ui-btn-active:visited,
li.toplist_menu2.ui-btn-active:hover,
li.toplist_menu2.ui-btn-active a.ui-link-inherit{
	color:#5994bf;
}
/*-- 郵便番号の横並び --*/
.yoko >.ui-input-text{
   width:5em;
   display:inline-block;
   margin: 5px 0px 0px 0px;
}
/*-- 氏名の横並び --*/
.yoko2 >.ui-input-text{
   width:40%;
   display:inline-block;
   margin: 5px 0px 0px 0px;
}
/*-- ボタンの横並び --*/
.yoko >.ui-btn-hidden{
   width:5em;
   display:inline-block;
   margin: 5px 0px 0px 0px;
}
/*-- セレクトの横並び --*/
.yoko >.ui-select{
/*   width:5em;*/
   display:inline-block;
   margin: 5px 0px 0px 0px;
}

/** ボタンテーマ G **/
.ui-btn-up-g {
    border: 1px solid #008d42 ;
    background: #008d42 ;
    font-weight: bold;
    color: #ffffff ;
    text-shadow: 0 1px 0 #444444 ;
    background-image: -webkit-gradient(linear,left top,left bottom,from( #009b48 ),to( #007e3b ));
    background-image: -webkit-linear-gradient( #009b48,#007e3b );
    background-image: -moz-linear-gradient( #009b48,#007e3b );
    background-image: -ms-linear-gradient( #009b48,#007e3b );
    background-image: -o-linear-gradient( #009b48,#007e3b );
    background-image: linear-gradient( #009b48,#007e3b );
}

.ui-btn-up-g:visited,.ui-btn-up-g a.ui-link-inherit {
    color: #ffffff ;
}

.ui-btn-hover-g {
    border: 1px solid #45a24b ;
    background: #45a24b ;
    font-weight: bold;
    color: #ffffff ;
    text-shadow: 0 1px 0 #444444 ;
    background-image: -webkit-gradient(linear,left top,left bottom,from( #4bb252 ),to( #3e9143 ));
    background-image: -webkit-linear-gradient( #4bb252,#3e9143 );
    background-image: -moz-linear-gradient( #4bb252,#3e9143 );
    background-image: -ms-linear-gradient( #4bb252,#3e9143 );
    background-image: -o-linear-gradient( #4bb252,#3e9143 );
    background-image: linear-gradient( #4bb252,#3e9143 );
}

.ui-btn-hover-g:visited,.ui-btn-hover-g:hover,.ui-btn-hover-g a.ui-link-inherit {
    color: #ffffff ;
}

.ui-btn-down-g {
    border: 1px solid #45a24b ;
    background: #45a24b ;
    font-weight: bold;
    color: #ffffff ;
    text-shadow: 0 1px 0 #444444 ;
    background-image: -webkit-gradient(linear,left top,left bottom,from( #3e9143 ),to( #4bb252 ));
    background-image: -webkit-linear-gradient( #3e9143,#4bb252 );
    background-image: -moz-linear-gradient( #3e9143,#4bb252 );
    background-image: -ms-linear-gradient( #3e9143,#4bb252 );
    background-image: -o-linear-gradient( #3e9143,#4bb252 );
    background-image: linear-gradient( #3e9143,#4bb252 );
}

.ui-btn-down-g:visited,.ui-btn-down-g:hover,.ui-btn-down-g a.ui-link-inherit {
    color: #ffffff ;
}

.ui-btn-up-g,.ui-btn-hover-g,.ui-btn-down-g {
    font-family: Helvetica,Arial,sans-serif ;
    text-decoration: none;
}
