@charset "Shift_JIS";

.square_btn{
    display: inline-block;
    padding: 7px 20px;
	border-radius: 25px;
    text-decoration: none;
    color:#0000ff; 
    background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    transition: .4s;
    text-decoration:none
}

.square_btn:hover {
    background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
    background-image: linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
    text-decoration:none
    color:#0000ff; 
}

.square_btn:visited{
    background:url(../feature/img/BunBottan.png) no-repeat 0 0%; 
    font-size:12px;
}



.na_txtbox{
	width:500px;
	float:left;
	padding:0px 0px 0px 40px !important;
	margin:0px 0px 0px 8% !important;
}

.na_imgbox{
	float:left;
	padding:0px 0px 0px 0px !important;
	margin:0px 0px 0px 5% !important;
	width:200px;
}

.na_menu_box{
	width:380px;
	float:left;
}

.na_box_space{
	margin-left:0.8%;
}

.na_box_list{
	width:260px;
	float:left;
}

.na_box_list ul{
	margin:0px !important;
	padding-left:8% !important;
}

.na_box_list ul li{
	list-style:disc;
}

.na_box_list ul.link-list,
.na_box_list ul.link-list {
	margin-top: 0.4em;
}

.na_box_list ul.link-list li,
.na_box_list ul.link-list li {
	list-style:none;
	background: url(../../common/img/bg_list-mark_03.gif) 0 0.43em no-repeat !important;
}

.na_box_img{
	width:120px;
	float:right;
}

/*** .na_section_tipsここから ***/
#na_section_tips{
	width:100%;
	position:relative;
	margin:0px 0px 10px 0px;
}

#na_section_tips p{
	margin:30px 10px 0px 30px !important;
}

.na_tips{
	width:100% !important;
	margin:0px 0px 40px 0px;
	background-color:#FFF;
}

.na_tips_inner{
	padding:20px 10px;
	border-radius:8px;
}

.na_tips .na_tips_inner{
	border:solid 3px #7facee;
	background:#F2F5FE url("../img/bgi_tips.gif") no-repeat 10px 6px;
}

.na_tips_title{
	font-weight:bold;
	color:#5478de;
}
/*** .na_section_tipsここまで ***/


/*** #na_featureここから ***/
#na_feature .na_text_bold{
	margin:0 0 3px 0;
}

#na_feature .na_txtbox{
	width:480px;
	margin: 0 0 0 0px !important;
}

#na_feature .na_imgbox{
	margin: 0 !important;
	width:240px;
}
/*** #na_featureここまで ***/

/*** #na_aboutここから ***/
#na_about .na_txtbox{
	width:410px;
	margin: 0 0 0 10px !important;
}

#na_about .na_imgbox{
	margin: 0 !important;
	width:340px;
}
/*** #na_aboutここまで ***/


/*** #na_functionここから ***/
.na_ac_box{
	background-color:#fff3f3;
	padding:8px 15px 20px 15px;
}

#na_function .navi{
	width:730px;
	margin:0px auto 10px;
}

#na_function .navi dd ul{
	margin-top:0px;
}

#na_function .na_txtbox{
	width:380px;
	margin: 0 0 0 5px !important;
}

#na_function .na_imgbox{
	margin: 0 !important;
	width:300px;
	float:right;
}
/*** #na_functionここまで ***/



/* レスポンシブweb対応
-----------------------------------------------*/

/*** max-width:991px ***/
@media only screen and (max-width:991px){

#naContainer02{
	width:100%;
}

.na_txtbox{
	width:58.44%;	/* 450/770 */
}

.na_imgbox{
	width:25.97%;	/* 200/770 */
}

.na_menu_box{
	width:49.35%;	/* 380/770 */
}

.na_box_list{
	width:68.42%;	/* 260/380 */
}

.na_box_img{
	width:31.57%;	/* 120/380 */
}



}/*** max-width:991px ***/





/*** max-width:480px ***/
@media only screen and (max-width:480px){
img{
	width:100%;
}


.na_txtbox{
	width:100%;
	float:none;
	padding:0px 0px 0px 0px !important;
	margin:0px 0px 0px 0% !important;
}

.na_imgbox{
	float:right;
	padding:0px 0px 0px 0px !important;
	margin:0px 0px 0px 0% !important;
}


.na_menu_box,
.na_box_list,
.na_txtbox{
	width:100%;
	float:none;
}

.na_box_space{
	margin-left:0px;
}


/*** #na_feature,#na_function,#na_aboutここから ***/
#na_feature .na_txtbox,
#na_feature .na_imgbox,
#na_about .na_txtbox,
#na_about .na_imgbox,
#na_function .na_txtbox,
#na_function .na_imgbox{
	width:100%;
	margin: 0 !important;
}

#na_function .navi{
	width:100%;
}

#na_feature .na_txtbox{
	width:95%;
	margin:0 0 0 7px !important;
}
/*** #na_feature,#na_function,#na_aboutここまで ***/


}/*** max-width:480px ***/