@charset "utf-8";

/*==============================*/
/*  pagestyle.css               */
/*------------------------------*/
/*　全ページ共通仕様CSS         */
/*==============================*/


/*◆◆◆タグそのものに対する設定◆◆◆*/
/* ページ基本設定 */
body {
	text-align: left;
	padding: 0px;
	margin: 0px;
	color: #545152;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	min-width:1300px;
	/*background-image: url(share_pic/page_backpic.png);
	background-repeat: repeat;*/	/*min-width:1024px;*/
}

/* テスト用（div枠がどうなってるかを見る） */
div {
	line-height: 19px;
	font-size: 14px;
	/*border: 1px solid #F00;*/
}

/* リストの余白とマージンをゼロにする */
ul, ol, dl {
	padding: 0;
	margin: 0;
}

/* ナビゲーションリストのスタイル付け */
ul.navilist {
	list-style: none; /* リストのマーカーを削除 */
}

/* リスト内の表示間隔設定（横） */
li.kankaku_yoko {

}

/* 左リスト内の表示間隔設定（縦） */
li.kankaku_tate {
	margin-bottom: 5px;
}


/* 左リスト内の表示間隔設定（縦） */
li.kankaku_tate02 {
	margin-bottom: 5px;
}

/* リスト内の表示間隔設定（縦） */
li.kankaku_tate03 {
	margin-bottom: 26px;
}

/* リスト内の表示間隔設定（縦） */
li.kankaku_tate04 {
	margin-bottom: 26px;
}


/* 左リスト内の表示間隔設定（縦） */
li.kankaku_tate_right_menu {
	margin-bottom: 10px;
}


/* リストを横並びにする */
li.yoko {
	float:left;
}


/* リストを横並びにする(パンクズ専用) */
li.yoko_pankuzu {
	float:left;
}


li.pankuzu_pic_ichi {
	padding-right: 6px;
	line-height: 11px;
}

li.pankuzu_pic_ichi02 {
	padding-right: 8px;
	padding-left: 8px;
	line-height: 11px;
}


/* 横並びリストのボーダー */
li.yoko_border_right {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #C9BC9C;
}

/* 横並びリストのボーダー */
li.yoko_border_left {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #C9BC9C;
}



/* 文字リンククリック時に出る枠を消す */
a {
	outline: none;
}


/* 初期設定の青いボーダーを削除 */
a img { 
	border: none;
}

/* ======= サイトのリンクのスタイル付け ======= */
a:link {
	color:#333;
	text-decoration: underline; /*下線を指定 */
}

a:visited{
	color:#333;
	text-decoration: underline; /*下線を指定 */
}

 /* キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供 */
a:hover, a:active, a:focus {
	color:#a4344c;
	text-decoration: none;	/*text-align: right;*/
}
/*=================================================*/


/*▲▲▲フォームに対するcss(css3)▲▲▲*/


input[type="text"], input[type="file"], input[type="password"], textarea, .dropdown {
	border:1px solid #848484;
	padding: 5px;
	/*color: #000000;*/ /*　これを指定すると、色変え処理全部が出来なくなる */
	background-color: #fff;
	/*border-radius: 5px;*/

	/* ===== ここから影をつける処理 ===== */

	/* Webkit */
	/*background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#eee),
		to(#fff)
		);

	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px #fff;*/
	
	/* Firefox */
	/*background: -moz-linear-gradient(
		top,
		#eee,
		#fff
		);

	-moz-border-radius: 5px;
	-moz-box-shadow: 1px 1px 1px #fff;*/

	/* IE */
	/*filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ffeeeeee,endColorstr=#ffffffff);
	zoom: 1;*/
	
	/* ===== ここまで影をつける処理 ===== */
	
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;

	
}

.submit {
	border:1px solid #777;
	padding: 14px 30px;
	color: #fff;
	cursor: pointer;
	background: #428ec9;
	/*border-radius: 5px;*/

	/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#99c9e5),
		to(#428ec9)
		);
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px #fff;

	/* Firefox */
	background: -moz-linear-gradient(
		top,
		#99c9e5,
		#428ec9
		);
	-moz-border-radius: 5px;
	-moz-box-shadow: 1px 1px 1px #fff;

	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ff99c9e5,endColorstr=#ff428ec9);
	zoom: 1;
	
	
}

/*▲▲▲フォームに対するcss(css3)ここまで▲▲▲*/



/*-----------------------------------------------------------------------*/



/*◆◆◆idとclassに対する設定◆◆◆*/

/* ページ全体の属性 */
.div_center {
	margin:0 auto;
}


/*◆◆◆linkとして扱うdivに対するクラス◆◆◆*/
.link_div {
	cursor:pointer; /*カーソルを載せたときに、リンクの時と同じにする*/
}

.link_div a:link{
	color: #FFF; /*未訪問リンク*/
}

.link_div a:visited{
	color: #FFF; /*訪問済みリンク*/
}

.link_div a:hover{
	color: #FFF; /*マウスカーソルを乗せたリンク*/
}

.link_div a:active{
	color: #FFF; /*選択したリンク*/
}




/*◆◆◆各ページに対するクラス◆◆◆*/
/* 基本ページ幅（全ての基本） */
.page_width {
	width: 1024px;
}

/* 基本ページ幅２（各ページタイトル枠用　上記の「基本ページ幅」に数値を+30する） */
.page_width_title_pic {
	width: 1300px;
}



/*表示ヘッダ部分*/
#header{
	padding-top: 15px;

}


#header_top_pic{
	text-align: right;
	margin-top: 9px;
}

#header_top_line{
	background-image: url(share_pic/header_line.png);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 7px;
}

#title_pic {
	height: 79px;
	width: 250px;
	float: left;
	text-align: left;
	margin-left: -7px;
}

#title_in_text{
	font-size: 12px;
}

#header_menu_button {
	float: right;
	height: 80px;
	width: 720px;
	margin-right: -40px;
	margin-top: 5px;
	/* [disabled]display: none; */
}




/*キービジュアル全体*/
#keyvisual_backpic {
	background-image: url(index_pic/keyvisual_backpic_top.png);
	background-repeat: repeat-x;
	background-position: center top;
	width: 100%;
	height: 300px;
	margin-top: 20px;
}

/*キービジュアル画像枠*/
#keyvisual{


	
}


/*キービジュアル全体*/
#other_keyvisual_backpic {
	height: 200px;
	background-image: url(share_pic/keyvisual_backpic_other.png);
	background-repeat: repeat-x;
}

/*キービジュアル画像枠*/
#other_keyvisual{

	
}

/*キービジュアルおまけ*/
#keyvisual_bottom{
	position: relative;
	z-index: 0;
}




#page_naiyou_other_nest{
	padding-left: 50px;
	padding-top: 35px;
}

#page_naiyou_other_nest_2split{
	padding-left: 45px;
	padding-top: 10px;
}



#keyvisual_bottom_idou{
	height: 302px;
	width: 308px;
	margin-top: -250px;
	margin-left: 900px;

}


#page_naiyou_other_top{
	height: 15px;
	background-image: url(share_pic/page_naiyou_backpic_top.png);
	background-repeat: no-repeat;
	margin-top: 20px;
}

#page_naiyou_other {
	background-image: url(share_pic/page_naiyou_backpic_middle.png);
	background-repeat: repeat-y;

}

#page_naiyou_other_bottom{
	height: 15px;
	background-image: url(share_pic/page_naiyou_backpic_bottom.png);
	background-repeat: no-repeat;
}


/*ページ内分割に関するcss*/
#page_naiyou_other_2split_all{
	margin-top: 20px;
}


#page_naiyou_other_2split_right{
	float: right;
	width: 240px;
	margin-right: -25px;
}

#page_naiyou_other_2split_left{
	width: 750px;
	float: left;
}


#page_naiyou_other_2split_right_top{
	height: 15px;
	background-image: url(share_pic/page_naiyou_backpic_splitright_top.png);
	background-repeat: no-repeat;
}

#page_naiyou_other_2split_right_middle {
	background-image: url(share_pic/page_naiyou_backpic_splitright_middle.png);
	background-repeat: repeat-y;

}

#page_naiyou_other_2split_right_bottom{
	height: 15px;
	background-image: url(share_pic/page_naiyou_backpic_splitright_bottom.png);
	background-repeat: no-repeat;
}



#page_naiyou_left {
	float: left;
	width: 715px;
	/* [disabled]border: 1px dashed #F00; */
	text-align: left;
	margin-bottom: 160px;
}

#page_naiyou_right {
	float: right;
	width: 240px;
	margin-bottom: 80px;
	margin-top: -60px;
}

#footer_all_div{
	margin-top: 50px;
}



#footer_naiyou{
	text-align: left;
	width: 100%;
	background-image: url(share_pic/footer_backpic.png);
	background-repeat: repeat-x;
	padding-top: 15px;
}

#footer_waku01 {

}

#footer_waku02 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E3E3E3;
	padding-bottom: 30px;
}

#footer_company_info{
	height: 150px;
	width: 350px;
	float: right;
	text-align: right;
	margin-top: -58px;
}

#footer_company_info_title{
}



/*ページの先頭に戻るボタン枠*/
#page_headreturn_button_mannaka {
	height: 40px;
}

/*フッダ枠*/
#page_headreturn_waku {
	height: 40px;
}


/*ページの先頭に戻るボタン*/
#page_headreturn_button {
	height: 40px;
	width: 137px;
	float: right;
}


#copyright {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	color: #FFF;
	background-color: #453538;
}

#ft_naiyou01 {
	float: left;
	width: 220px;
	/* [disabled]display: none; */
}

#ft_naiyou02 {
	float: left;
	width: 200px;
	/* [disabled]display: none; */
}

#ft_naiyou03 {
	float: left;
	width: 250px;
	/* [disabled]display: none; */
}

#ft_naiyou04 {
	float: left;
	width: 250px;
}


.ft_icon {
	height: 15px;
	width: 15px;
	float: left;
	padding-top: 1px;
}

.ft_link {
	float: left;
}


.ft_icon02 {
	height: 15px;
	width: 15px;
	float: right;
	padding-top: 1px;
}

.ft_link02 {
	float: right;
	font-size: 16px;
}

/*トップページ以外のページタイトル*/
#page_title_backpic {
	background-image: url(./share_pic/page_title_backpic.png);
	background-repeat: repeat-x;
	background-position: center top;
}


#page_title_pic{
	margin-bottom: 20px;
	
}



/* パンくずリスト設定 */
.pankuzu_font {
	font-size: 15px;
	color: #666;
	line-height: 20px;
}

.right_menu_amari_height{
	height: 50px;
}


/*電話*/
#contact_tel_button {
	float: left;
	width: 715px;
}

/*メール*/
#mailform_button {
	float: right;
	width: 240px;
}



/*メニューボタン*/
#menu_button {
	height: 80px;
}

span.yoko {
	float:left;
}

/*パンクズ*/
#pan_kuzu {
	height: 50px;
	margin-left: -5px;
	margin-top: 8px;
}

/*共通*/
#title_name_pic {
	height: 130px;
	width: 550px;
	margin-top: -70px;
	margin-left: -25px;
}

#title_name_pic_waku {


}

/*フォントいじり*/
.font_big_and_red {
	font-size: 18px;
	font-weight: bold;
	color: #F00;
}

.font_big_and_red02 {
	font-size: 18px;
	font-weight: bold;
	color: #a4344c;
}


.font_big_and_green {
	font-size: 24px;
	font-weight: bold;
	color: #363;
}


/*ヘッダ各リンクボタンのID*/
#li_button01{
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #CCC;
}

#li_button02{
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #CCC;
}

#li_button03{
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #CCC;
}

#li_button04{
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #CCC;
}

#li_button05{
}

#li_button06{
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #CCC;
}

.top_list_boxsize{
	height: 67px;
	width: 116px;
}

/*左メニュー（お問い合わせ小）各リンクボタンのID*/
#ct_li_button01{
	height: 130px;
	width: 230px;
	background-image: url(share_pic/contact_pic_mini.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 70px;
}

#ct_company_name{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 4px;
	margin-top: 3px;
}

#ct_post_no{
	font-size: 12px;
}

#ct_address{
	margin-bottom: 6px;
	font-size: 13px;
}

#ct_tel_no_all{
	margin-bottom: 6px;
}

#tel_no_icon{
	float: left;
	height: 24px;
	width: 31px;
}

#tel_no_number{
	float: left;
	font-size: 18px;
	font-weight: bold;
	color: #a4344c;
	line-height: 18px;
	margin-top: 4px;
	margin-left: 5px;
}

#ct_mail_all{
}

#ct_mail_icon{
	float: left;
	height: 14px;
	width: 20px;
}

#ct_mail_number{
	float: left;
	font-size: 10px;
	line-height: 12px;
	margin-top: 1px;
	margin-left: 6px;
}

.ct_divall{
	width: 205px;
	margin-left: 19px;
}

#hanaq_link{
	width: 225px;
	text-align: center;
	margin-top: 20px;
	margin-left: -5px;
}

#hanaq_setsumei{
	margin-top: 5px;
	width: 215px;
}
