/*-------------------------------------------------
  共通項目
-------------------------------------------------*/

html, body
{
background: #ffffff;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-size: 14px;
line-height: 170%; 
color: #212121;
padding:0px;
margin:0px;
border-width : 0px 0px 0px 0px;
}


P
{
margin:0px;
}

img
{
vertical-align: top;
border: 0px;
}

OBJECT
{
vertical-align: top;
border: 0px;
}


form
{
padding:0px;
margin:0px;
}

#flex	{ display:none;}

/* Headings */

h1
{
font-family:'sans-serif','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';
font-size: 10px;
font-weight:normal;
display:block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #696969;
}

h2 { 
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-size : 10px; 
letter-spacing : 1px; 
font-weight:normal;
color: #696969;
display : block; 
margin : 0; 
padding : 0 0 0 0; 
} 

h3
{
font-size: 12px;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
letter-spacing : 1px; 
font-weight:normal;
display:block;
margin: 0;
padding: 0px 0px 0px 0px;
}

h4
{
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-size: 13px;
font-weight:normal;
color: #212121;
display:block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}


h5,h6
{
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-weight: normal;
margin: 0;
}

.clearing {height:0;clear:both;padding:0;margin:0;}

.hidden
{
display: none;
}

/* Links */
a:link, a:visited
{
	color: #212121;
	text-decoration: none;
}
a:hover, a:active
{
	color: #808000;
	text-decoration: underline;
}

ul
{
list-style: none;
margin:0px ;
padding:0px;
}

li
{
margin:0px ;
padding:0px;
}


.side_line ul
{ 
margin: 0; 
padding :0;
list-style-type : none;

}

.side_line li
{
display : inline;
float: left;
}

/*-- ヘッドのレイアウト枠上部-----------------*/

.head_mkey_box
{
width: 900px;
margin:0px auto 0px auto;
}

.head_htx
{
width: 425px;
height:17px;
background: url(img/htx_bk.gif) no-repeat;
margin:0px 0px 0px 0px;
padding:0px 0px 3px 25px;
float: left;
}

.head_links
{
width: 420px;
height:20px;
background: url(img/linkgray.gif) no-repeat;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 30px;
float: left;
}

.tu ul
{
list-style: none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.tu li
{
font-size: 10px;
background: url(img/listgray.gif) no-repeat;
background-position: left center ;
margin:0px 0px 0px 0px;
padding:0px 10px 0px 12px;
float: left;
}

.tu li a:link, .tu li a:visited
{
color: #ffffff;
text-decoration: none;
}

.tu li a:hover, .tu li a:active
{
color: #ff1493;
text-decoration: none;
}

.tu_fr ul
{
list-style: none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.tu_fr li
{
font-size: 10px;
color: #696969;
margin:0px 0px 0px 0px;
padding:0px 15px 10px 10px;
float: left;
}

.tu_fr li a:link, .tu_fr li a:visited
{
color: #696969;
text-decoration: none;
}

.tu_fr li a:hover, .tu_fr li a:active
{
color: #893861;
text-decoration: none;
}

/*-- SEO暫定ヘッドのレイアウト枠下部-----------------*/
.se_head_box
{
width: 900px;
margin:0px auto 0px auto;
padding:0px 0px 0px 0px;
}

.sehead_left
{
width: 820px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float: left;
}

.sehead_right a 
{
width: 75px;
margin:0px 0px 0px 0px;
padding:0px 5px 0px 0px;
float: left;
text-align:right;
font-size : 10px;
background: url(img/top_img/map_icon.gif) no-repeat;
background-position: left center ;
color: #909090;
}



/*-- ヘッドのレイアウト枠下部-----------------*/
#head_box
{
width: 900px;
margin:0px auto 5px auto;
padding:5px 0px 0px 0px;
}

#h_box01 a {
	height:60px;
	width:200px;
	float:left;
	background:url("img/logo.gif") no-repeat;
	text-indent:-9999px;
	display:block;
}

#h_box02
{
width: 680px;
margin:0px 0px 0px 0px;
padding:0px 20px 0px 0px;
float: left;
display: inline;
background:url("img/upper_tel.gif") no-repeat;
background-position: right center ;
}

/*-- ヘッドのメニュー関連-----------------*/

#head_menu_line
{
width: 100%;
height:55px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background: url(img/menu_bk.gif);
background-repeat : repeat-x;
}

#head_menu_box
{
width: 900px;
height:50px;
margin:0px auto 0px auto;
background: url(img/t_menu_bk.gif) no-repeat;
}


/*-- 全体のレイアウト枠-----------------*/
#main_box
{
width: 900px;
margin:0px auto 0px auto;
}

#container
{
width: 900px;
margin:30px auto 0px auto;
}

/*-- レイアウト枠(ＴＯＰページ）-----------------*/

.t_lay01
{
width: 590px;
margin:0px;
padding:0px 30px 0px 0px;
float: left;
}

.what_line
{
background: url(img/top_img/what_bk.gif);
background-repeat : repeat-x;
width: 590px;
height: 30px;
margin:0px;
padding:0px 0px 0px 0px;
}

.what_photo
{
background: #f5f5f5 url(img/top_img/what_photo_bk.gif) no-repeat;
width: 150px;
height: 200px;
margin:10px 20px 0px 0px;
padding:0px 0px 0px 0px;
float: left;
}

.what_p ul
{
list-style: none;
margin:0px;
padding:0px;
}

.what_p li
{
font-size: 12px;
background: url(img/top_img/what_photo_arrow.gif) no-repeat;
background-position: left center ;
margin:100px 0px 0px 0px;
padding:3px 10px 0px 18px;
}

.what_p li a:link, .what_p li a:visited
{
color: #808000;
text-decoration: none;
}

.what_p li a:hover, .what_p li a:active
{
color: #808000;
text-decoration: underline;
}


.what_text
{
width: 420px;
margin:10px 0px 0px 0px;
padding:0px 0px 0px 0px;
float: left;
}

.what_tx ul
{
list-style: none;
margin:0px;
padding:0px;
}

.what_tx li
{
font-size: 12px;
background: url(img/top_img/what_listmark.gif) no-repeat;
background-position: left center ;
margin:2px 0px 2px 0px;
padding:3px 10px 0px 18px;
border-bottom: dotted #909090 1px;
}

.what_tx li a:link, .what_tx a:visited
{
color: #212121;
text-decoration: none;
}

.what_tx li a:hover, .what_tx a:active
{
color: #808000;
text-decoration: underline;
}
/*-- レイアウト枠(ＴＯＰ・左下部)-----------------*/


.t_lay01_s1
{
width: 280px;
margin:0px;
padding:0px 30px 0px 0px;
float: left;
}

.t_lay01_s2
{
width: 280px;
margin:0px;
padding:0px 0px 0px 0px;
float: left;
}

.t_up_box
{
height:60px;
font-size: 12px;
line-height: 130%; 
margin:10px 0px 0px 0px;
padding:0px 0px 0px 0px;
border-bottom: dotted #909090 1px;
}

.t_up_box2
{
height:120px;
font-size: 12px;
line-height: 130%; 
margin:10px 0px 0px 0px;
padding:0px 0px 0px 0px;
border-bottom: dotted #909090 1px;
}

.t_up_box a:link, .t_up_box a:visited
{
color: #212121;
text-decoration: none;
}

.t_up_box a:hover, .t_up_box a:active
{
color: #808000;
text-decoration: underline;
}

.t_up_box2 a:link, .t_up_box2 a:visited
{
color: #212121;
text-decoration: none;
}

.t_up_box2 a:hover, .t_up_box2 a:active
{
color: #808000;
text-decoration: underline;
}

.up_spot_01
{
width: 290px;
margin: 0px 10px 30px 0px;
padding:0px 0px 0px 0px;
float: left;
}

.up_spot_02
{
width: 290px;
margin: 0px 0px 30px 0px;
padding:0px 0px 0px 0px;
float: left;
}





/*-- 更新関係画像レイアウト--------*/

.up_leftbox
{
margin: 0px;
padding:0px 10px 10px 0px;
float: left;
}


/*-- レイアウト枠(ＴＯＰ・右側)-----------------*/
.t_lay02
{
width: 280px;
margin:0px;
padding:0px 0px 0px 0px;
background: url(img/top_img/sideline_bk.gif);
background-repeat : repeat-y;
float: left;
}

.t_lay02_footer
{
width: 280px;
height:30px;
margin:50px 0px 0px 0px;
padding:0px 0px 0px 0px;
background: url(img/top_img/side_menu_footer.gif) no-repeat;
}

.t_lay_black_line
{
width: 13px;
margin:0px 0px 0px 10px;
padding:0px 0px 20px 0px;
background: url(img/top_img/tate.gif);
background-repeat : repeat-y;
float: left;
}

.t_lay_pink_line
{
width: 13px;
height:60px;
margin:0px 0px 20px 10px;
padding:0px 0px 0px 0px;
background: url(img/top_img/pink_line.gif);
background-repeat : repeat-y;
float: left;
}

.t_lay_ore_line
{
width: 13px;
height:60px;
margin:0px 0px 20px 10px;
padding:0px 0px 0px 0px;
background: url(img/top_img/orenge_line.gif);
background-repeat : repeat-y;
float: left;
}

.t_lay_img_line
{
width: 234px;
margin:0px 23px 0px 0px;
padding:0px 0px 20px 0px;
float: left;
}




/*-- レイアウト枠(ＴＯＰ・上部）-----------------*/

/*-- -暫定ＣＳＳ----------------*/

.op_btn_09
{
width: 280px;
height: 380px;
margin:0px;
padding:0px;
float: left;
background: url(img/top_img/about_ita_bk.gif);
background-repeat : repeat-y;
}

.about_mc_box
{
width: 280px;
height:380px;
margin:0px;
padding:0px;
}


/*------------------------------*/

.op_swf
{
width: 620px;
height: 380px;
margin:0px;
padding:0px;
float: left;
}

.op_btn
{
width: 280px;
height: 380px;
margin:0px;
padding:0px;
float: left;
}

.op_btn_model_tx
{
font-size: 12px;
line-height: 130%;
color:#ff1493;
background-color : #000;
width: 260px;
height: 80px;
margin:0px;
padding:10px 10px 10px 10px;
}

.op_btn_model_tx a:link, .op_btn_model_tx a:visited
{
color: #696969;
text-decoration: none;
}

.op_btn_model_tx a:hover, .op_btn_model_tx a:active
{
color: #808000;
text-decoration: underline;
}


.op_btn_model
{
width: 280px;
height: 90px;
margin:0px;
padding:0px;
}


.op_line
{
width: 900px;
height: 19px;
background: #000;
border-top: solid #909090 1px;
}


/*-- フッターSEO --------*/

#footer_pink_box
{
width: 100%;
margin:100px 0px 0px 0px;
padding:20px 0px 20px 0px;
background: #ff93bb url(img/footer/grade_pink.gif);
background-repeat : repeat-x;
background-position: top ;
}

#footer_pink_container
{
width: 900px;
margin:0px auto 0px auto;
padding:0px 0px 0px 0px;
font-size: 11px;
line-height: 110%; 
color: #cc3366;
}

.ff_icon1
{
color: #ffffff;
height:20px;
font-size: 13px;
background: url(img/footer/ft_icon_a.gif) no-repeat;
background-position: left center ;
margin:5px 0px 0px 0px;
padding:10px 0px 0px 35px;
}

.ff_icon2
{
color: #ffffff;
height:20px;
font-size: 13px;
background: url(img/footer/ft_icon_b.gif) no-repeat;
background-position: left center ;
margin:5px 0px 0px 0px;
padding:10px 0px 0px 35px;
}

.ff_icon3
{
color: #ffffff;
height:20px;
font-size: 13px;
background: url(img/footer/ft_icon_c.gif) no-repeat;
background-position: left center ;
margin:5px 0px 0px 0px;
padding:10px 0px 0px 35px;
}


.footer_pink_lay1
{
width: 210px;
margin:10px 0px 30px 0px;
padding:0px 0px 0px 0px;
float: left;
display: inline;
}

.footer_pink_lay1b
{
width: 210px;
margin:45px 0px 30px 0px;
padding:0px 0px 0px 10px;
float: left;
display: inline;
}

.footer_pink_lay2
{
width: 210px;
margin:10px 0px 30px 0px;
padding:0px 0px 0px 20px;
display: inline;
float: left;
}

.footer2015 ul
{
list-style: none;
margin:0px 0px 0px 0px;
padding:0px;
}

.footer2015 li
{
font-size: 12px;
background: url(img/top_img/n15list_g.png) no-repeat;
background-position: left center ;
margin:5px 0px 15px 10px;
padding:0px 0px 0px 15px;
}

.footer2015 li a:link, .footer2015 li a:visited
{
color: #ffffff;
text-decoration: none;
}

.footer2015 li a:hover, .footer2015 li a:active
{
color: #000000;
text-decoration: none;
}



#footer_pink_line
{
width: 100%;
height:30px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background: #ff69b4;
}

#footer_dot_line
{
width: 100%;
height:35px;
margin:0px 0px 0px 0px;
padding:10px 0px 0px 0px;
background: url(img/footer/ft_line.gif);
background-repeat : repeat-x;
border-bottom: solid #000 10px;
font-size: 10px;
color: #696969;
line-height: 110%; 
text-align:center;
}

#footer_dot_line a:link,  #footer_dot_line a:visited
{
color: #696969;
text-decoration: none;
}

#footer_dot_line a:hover, #footer_dot_line a:active
{
color: #ff1493;
text-decoration: none;
}


#footer_link_line
{
width: 880px;
height:30px;
margin:0px auto 0px auto;
padding:5px 0px 0px 0px;
}

.footer_link ul
{
list-style: none;
margin:0px;
padding:0px;
}

.footer_link li
{
display : inline;
float: left;
font-size: 12px;
background: url(img/footer/ft_list_mark.gif) no-repeat;
background-position: left center ;
margin:0px 0px 0px 0px;
padding:0px 10px 0px 14px;
}

.footer_link li a:link,  .footer_link li a:visited
{
color: #fff;
text-decoration: none;
}

.footer_link li a:hover, .footer_link li a:active
{
color: #ff1493;
text-decoration: underline;
}

#pageTop{
    border-radius:5px;
    color:#ffffff;
    padding:10px 10px 10px 5px;
    position:fixed;
    bottom:50px;
    right:30px;
font-size: 12px;

    }
#pageTop:hover{
    background:#EFEFEF;
text-decoration: none;
    }

/*-- フッター --------*/

#footer_menu_line
{
width: 100%;
height:50px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background: url(img/footer_bk.gif);
background-repeat : repeat-x;
}


#footer_menu_box
{
text-align: right;
width: 900px;
height:50px;
background: url(img/footer_logo.gif) no-repeat;
background-position: right ;
margin:0px auto 0px auto;
padding:0px 0px 0px 0px;
}

.f_menu ul
{
list-style: none;
margin:0px;
padding:0px;
}

.f_menu li
{
display : inline;
float: left;
font-size: 11px;
background: url(img/footer_listmark.gif) no-repeat;
background-position: left center ;
margin:10px 0px 0px 0px;
padding:2px 10px 0px 14px;
}

.f_menu li a:link, a:visited
{
color: #696969;
text-decoration: none;
}

.f_menu li a:hover, a:active
{
color: #ff1493;
text-decoration: underline;
}




.pgup_line
{
width: 900px;
margin:0px auto 0px auto;
padding:20px 0px 20px 0px;
text-align:right;
}


/*-- プロジェクトページ--------*/

.pro_box
{
width: 700px;
font-size: 14px;
line-height: 180%; 
color: #fff;
background: #000 url(img/project/footer_bbk.gif) no-repeat;
background-position: left bottom ;
margin:0px 0px 0px 0px;
padding:0px 100px 50px 100px;
}

.pro_sign
{
text-align: right; 
width: 700px;
height:35px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

/*-- 全ページのクロ帯--------*/

.con_line
{
background: #303030;
width: 900px;
height: 30px;
margin:30px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.con_text
{
width: 900px;
height: 30px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

/*-- 全ページのグラデ帯--------*/

.g_bar
{
background: url(img/g_bar_bk.gif);
background-repeat : repeat-x;
width: 900px;
height: 30px;
margin:30px 0px 0px 0px;
padding:0px;
}

.g_bar440
{
background: url(img/g_bar_bk.gif);
background-repeat : repeat-x;
width: 440px;
height: 30px;
margin:30px 0px 0px 0px;
padding:0px;
}

.g_bar570
{
background: url(img/g_bar_bk.gif);
background-repeat : repeat-x;
width: 570px;
height: 30px;
margin:30px 0px 0px 0px;
padding:0px;
}

.g_bar300
{
background: url(img/g_bar_bk.gif);
background-repeat : repeat-x;
width: 300px;
height: 30px;
margin:30px 0px 0px 0px;
padding:0px;
}

#pan
{
width: 880px;
margin:5px 0px 5px 0px;
padding:0px 0px 0px 20px;
font-size: 10px;
border-top: solid #DCDCDC 1px;
border-bottom: dotted #DCDCDC 1px;
}

#pan a:link, #pan a:visited
{
color: #000;
text-decoration: none;
}

#pan a:hover, #pan a:active
{
color: #FF1493;
text-decoration: underline;
}