/* CSS Document */

BODY {
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;

	BACKGROUND-COLOR: #FBEAEB;
	background-image: url('');
        background-repeat: repeat-x;
	margin          :0;
	COLOR		: #000000; 
        min-width       :1200px;
	FONT-SIZE	: 13pt
}
a{/*リンクされた文字*/
    color:#65141D;
    font-style:normal;
    text-decoration:underline;
}
a:link {/*未訪問のリンク*/
    color:#65141D;
    font-style:normal;
    text-decoration:underline;
}
a:visited {/*訪問後のリンク*/
    color:#65141D;
    text-decoration:underline;
}
a:hover {/*マウスをのせたとき*/
    color:#ff0000;
    font-style:normal;
    text-decoration:underline;
}
a:active {/*クリック中*/
    text-decoration:none;
}


a.topi {/*リンクされた文字*/
    color:#ffffff;
    font-size:12px;
    font-style:normal;
    text-decoration:none;
}
a:link.topi {/*未訪問のリンク*/
    color:#ffffff;
    font-style:normal;
    text-decoration:none;
}
a:visited.topi {/*訪問後のリンク*/
    color:#ffffff;
    text-decoration:none;
}
a:hover.topi {/*マウスをのせたとき*/
    color:#ffffff;
    font-style:normal;
    text-decoration:underline;
}
a:active.topi {/*クリック中*/
    text-decoration:none;
}


a img:hover{ 
-webkit-transition: .5s ease-in-out;
transition: .5s ease-in-out;
filter: alpha(opacity=50);
-moz-opacity: .50;
opacity:.50;
}
a img { /* このセレクターは、一部のブラウザーでイメージをリンクで囲んだ場合にイメージの周囲に表示される初期設定の青いボーダーを削除します。 */
	border: none;
}
/* ~~ エレメント / タグセレクター ~~ */
ul, ol, dl { /* ブラウザー間の相違により、リストの余白とマージンをゼロにすることをお勧めします。一貫性を保つために、量をここで指定するか、リストに含まれるリスト項目 (LI、DT、DD) で指定できます。より詳細なセレクターを記述しない限り、ここで指定する内容が .nav リストにも適用されることに注意してください。 */
	padding: 0;
	margin: 0;
}
<!--[if lte IE 7]>
.content { margin-right: -1px; } /* この 1 ピクセルの負のマージンはこのレイアウトのどのカラムにも配置でき、同じ補正効果を持ちます。 */
ul.nav a { zoom: 1; }  /* zoom プロパティにより、IE の hasLayout をトリガーします。これは、リンク間の余分なホワイトスペースを修正するのに必要です。 */
<![endif]-->

.sidebar1 {
	float: left;
	width: 20%;
	background: #FFFFFF;
	padding-bottom: 10px;
}
.content {
	padding: 10px 0;
	width: 80%;
	float: left;
}




/* ~~ フッター ~~ */
.footer {
	padding: 10px 0;
	background: #FFFFFF;
	position: relative;/* IE6 に、適切にクリアするための hasLayout を指定します。 */
	clear: both; /* この clear プロパティにより .container は、カラムの範囲がどこまでかを認識してその範囲を含めるようになります。 */
}

/* ~~ その他の float/clear クラス ~~ */
.fltrt {  /* このクラスを使用すると、ページ内でエレメントを右にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスを使用すると、ページ内でエレメントを左にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、#footer が #container から削除されているか取り出されている場合に、<br /> または空の div で、フローティングさせる最後の div に続く最後のエレメントとして (#container 内に) 配置できます。 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.photo {
   position:relative;
   overflow:hidden;
   margin:0 auto;
   width:750px;
   height:350px;
   margin:0 auto;
   text-align:left;
   list-style:none;
}

.photo li {
	position:absolute;
}

#font li {
   float:right;
   list-style:none;
   margin-right:5px;
   padding:5px;
   font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
   color:#fff;
   font-size:20x;
   font-weight:bold;
   line-height:1.0;
   background:#ff6666;
   cursor:pointer;
}

#font li.hover {
   background:#dd6e2a;
}

#font li.active {
   background:#d09300;
}


table {
	border		: none;
}

div.blocka {
   float: left;  /* 左端に配置 */
   width: 250px;
}

div.blockc {
   float: right;  /* 右端に配置 */
   width: 250px;
}

div.2blocka {
   float: left;  /* 左端に配置 */
   width: 30%;
}

.multicolumnbox {
   -moz-column-count: 2;
   -webkit-column-count: 2;
   column-count: 2;
}

/* ~~ ヘッダーには幅は指定されません。ヘッダーはレイアウトの幅全体まで広がります。ヘッダーには、ユーザー独自のリンクされたロゴに置き換えられるイメージプレースホルダーが含まれます。~~ */
.header {
	background: #FFFFFF;
}

hr {
margin-bottom: 10px;
}
hr.fade {
    border: 0;
    height: 1px;
    background: #700033;
    background-image: -webkit-linear-gradient(left, #fff, #700033, #fff);
    background-image:    -moz-linear-gradient(left, #fff, #700033, #fff);
    background-image:     -ms-linear-gradient(left, #fff, #700033, #fff);
    background-image:      -o-linear-gradient(left, #fff, #700033, #fff);
}
hr.dash {
height: 1px;
border: none;
border-top: 1px #000000 dashed;
}

hr.dgray {
height: 1px;
border: none;
border-top: 1px #666666 dashed;
}
TD {
	background-color:none;
LINE-HEIGHT	: 120%;
	FONT-SIZE	: 10pt
}
.top {
	color		: #FFFFFF;
	border		: 1px #FFFFFF solid;
	background-color: #4B403C;
	font-size	: 12px;
	font-weight	: normal;
	line-height	: 130%;
        letter-spacing  : 0.5em;
        text-align: left;
	padding		: 5px 10px 5px;
}
.top_bs {
	color		: #000000;
	background-color: #F9DFE1;
	font-size	: 12px;
	font-weight	: normal;
	line-height	: 130%;
        height          : 120px;
	padding		: 0px 1px 0px;
}
.out_top {
	color		: #FFFFFF;
	border		: 1px #FFFFFF solid;
	background-color: #242424;
	font-size	: 13px;
	font-weight	: normal;
	line-height	: 130%;
        letter-spacing  : 0.5em;
        text-align: left;
	padding			: 5px 10px 5px;
}
.out_pink {
	color		: #000000;
	border		:  1px #cccccc solid;
	background-color: #E7E7E7;
	font-size		: 13px;
	font-weight	: normal;
	line-height	: 130%;
        letter-spacing  : 0.2em;
	padding			: 5px 10px 5px;
}
.con_glay {
	color		: #000000;
	border		:  1px #cccccc solid;
	background-color: #E7E7E7;
	font-size	: 13px;
	font-weight	: normal;
	line-height	: 130%;
        text-align      : right;
        letter-spacing  : 0.2em;
	padding		: 5px 10px 5px;
}
.brown {
	color		: #FFFFFF;
	background-color: #2350%;
}
.black {
	color		: #FFFFFF;
	background-color: #000000;
	font-size		: 12px;
	font-weight	: normal;
	line-height	: 130%;
}
.com_gray {
	color		: #000000;
	border		:  1px #cccccc solid;
	background-color: #E7DED5;
	font-size		: 13px;
	font-weight	: normal;
	line-height	: 150%;
	padding		: 10px 10px 10px;
}
.gray {
	color		: #000000;
	border		:  0px #cccccc solid;
	background-color: #E7DED5;
	font-size		: 13px;
	font-weight	: normal;
	line-height	: 150%;
	padding		: 0px 0px 0px;
}
.pink_b {
	color		: #000000;
	border		:  1px #cccccc solid;
	background-color: #FFD7FF;
	font-size		: 13px;
	font-weight	: normal;
	line-height	: 150%;
	padding		: 10px 10px 10px;
}
.white_back {
	background-color: #FFFFFF;
}
.white {
	color		: #000000;
	background-color: #FFFFFF;
	font-size	: 12px;
	font-weight	: normal;
	line-height	: 130%;
}
.site_bs {
	color		: #000000;
	background-color: none;;
	font-size		: 15px;
	font-weight	: normal;
        letter-spacing: 0.2em;
	line-height	: 180%;
        text-align: left;
        background-image: url('sitemap/sitemap_back.jpg');
	padding			: 0px 20px 100px;
}
.kamei_bs {
	color		: #000000;
	background-color: none;;
	font-size		: 15px;
	font-weight	: normal;
        letter-spacing: 0.2em;
	line-height	: 180%;
        text-align: left;
        background-image: url('kamei/kamei_back.jpg');
	padding			: 0px 20px 20px;
}
.his_bs {
	color		: #000000;
	background-color: none;;
	font-size		: 15px;
	font-weight	: normal;
        letter-spacing: 0.2em;
	line-height	: 180%;
        text-align      : left;
        text-valign     : top;
        background-image: url('history/h_back.jpg');
	padding			: 10px 0px 0px;
}
.under_black {
	color		: #FFFFFF;
	background-color: #000000;
	font-size		: 11px;
	font-weight	: normal;
	line-height	: 130%;
	padding		: 10px 10px 10px;
}
.orenge_b {
	color		: #000000;
	border		:  0px #cccccc solid;
	background-color: #FEF2E4;
	font-size		: 12px;
	font-weight	: normal;
	line-height	: 130%;
	padding			: 10px 10px 10px;
}
.ore_b {
	color		: #000000;
	border		:  1px #cccccc solid;
	background-color: #FFB888;
	font-size		: 12px;
	font-weight	: normal;
	line-height	: 130%;
	padding			: 10px 10px 10px;
}
.gre_b {
	color		: #000000;
	border		:  1px #cccccc solid;
	background-color: #F0F0F0;
	font-size		: 12px;
	font-weight	: normal;
	line-height	: 130%;
	padding			: 10px 10px 10px;
}
.wh_b {
	color		: #000000;
	border		:  1px #cccccc solid;
	background-color: none;
	font-size	: 12px;
	font-weight	: normal;
	line-height	: 130%;
	padding			: 10px 10px 10px;
}
.rb {
	border-right	: #cccccc 1px solid; 
	border-top	: #cccccc 1px solid; 
	border-left	: #cccccc 1px solid; 
	border-bottom	: #cccccc 1px solid; 
}
.sp20 {
	margin-top	: 10px;
	margin-right	: 20px;
	margin-bottom	: 7px;
	margin-left	: 20px;
	line-height	: 150%;
}
.sp20c {
	margin-top	: 7px;
	margin-right	: 20px;
	margin-bottom	: 7px;
	margin-left	: 20px;
}
.right_sp20 {
        text-align      : right;
	margin-top	: 10px;
	margin-right	: 20px;
	margin-bottom	: 7px;
	margin-left	: 20px;
	line-height	: 150%;
}
.orange {
	color		: #ffffff;
	border		:  0px #cccccc solid;
	background-color: #DD2C00;
	font-size	: 10px;
	font-weight	: normal;
	line-height	: 130%;
	padding		: 5px 10px 5px;
}
.orange2 {
	color		: #000000;
	border		:  1px #cccccc solid;
	background-color: #FFCE10;
	font-size	: 12px;
	font-weight	: bold;
	line-height	: 130%;
	padding		: 5px 5px 5px;
}
.orange3 {
	color		: #000000;
	border		:  1px #cccccc solid;
	background-color: none;
	font-size	: 12px;
	font-weight	: normal;
	line-height	: 130%;
	padding		: 0px 0px 0px;
}
.b_a_blue {
	color		: #ffffff;
	border		: 1px #003399 solid;
	background-color: #0066FF;
	font-size	: 13px;
	font-weight	: normal;
	line-height	: 120%;
	padding		: 0px 20px 0px;
}
.sai_blue {
	color		: #ffffff;
	border		: 1px #003399 solid;
	background-color: #3464C8;
	font-size	: 13px;
	font-weight	: normal;
	line-height	: 120%;
	padding		: 3px 20px 3px;
}
.sai_orange {
	color		: #ffffff;
	border		: 1px #003399 solid;
	background-color: #AA2200;
	font-size	: 13px;
	font-weight	: normal;
	line-height	: 120%;
	padding		: 3px 20px 3px;
}
.center_tx {
	color		: #333333;
	border		:  none;
	background-color: none;
	font-size		: 13px;
	font-weight	: normal;
	line-height	: 130%;
        text-align      : center;
	padding			: 5px 5px 5px;
}
.center_red {
	color		: #DD2C00;
	border		:  none;
	background-color: none;
	font-size	: 15px;
	font-weight	: bold;
	line-height	: 130%;
        text-align      : center;
	padding		: 5px 5px 5px;
}
.center_b_red {
	color		: #DD2C00;
	border		:  none;
	background-color: none;
	font-size	: 18px;
	font-weight	: bold;
	line-height	: 130%;
        text-align      : center;
	padding		: 5px 5px 5px;
}
.right_reds {
	color		: #DD2C00;
	border		:  none;
	background-color: none;
	font-size		: 11px;
	font-weight	: normal;
	line-height	: 130%;
        text-align      : right;
	padding			: 0px 0px 0px;
}
.b_blue {
	color		: #003366;
	border		:  none;
	background-color: none;
	font-size	: 18px;
	font-weight	: bold;
	line-height	: 130%;
        text-align      : normal;
	padding		: 5px 5px 5px;
}
.b_orenge {
	color		: #FF3300;
	border		:  none;
	background-color: none;
	font-size	: 18px;
	font-weight	: bold;
	line-height	: 130%;
        text-align      : normal;
	padding		: 5px 5px 5px;
}
.under_tx {
	color		: #DD2C00;
	border		:  none;
	background-color: none;
	font-size		: 12px;
	font-weight	: normal;
	line-height	: 150%;
        text-align: right;
	padding			: 5px 5px 5px;
}
.red {
	color		: #DD2C00;
	border		:  none;
	background-color: none;
	font-size		: 12px;
	font-weight	: normal;
	line-height	: 150%;
        text-align: left;
	padding			: 5px  5px 5px;
}
.red_b {
	color		: #DD2C00;
	border		:  none;
	background-color: none;
	font-size		: 12px;
	font-weight	: bold;
	line-height	: 150%;
        text-align: left;
	padding			: 5px  0px 5px;
}
.red_tx {
	color		: #DD2C00;
	border		:  none;
	background-color: none;
	font-size		: 10px;
	font-weight	: normal;
	line-height	: 150%;
        text-align: left;
	padding			: 5px 5px 5px;
}
.top_tx {
	color		: #65141D;
	border		: 0px ;
	background-color: none;
	font-size	: 13px;
	font-weight	: bold;
	line-height	: 150%;
        text-align      : right;
	padding		: 5px 5px 5px;
}
.top_tx2 {
	color		: #000000;
	border		:  0px ;
	background-color: none;
	font-size		: 12px;
	font-weight	: normal;
	line-height	: 120%;
        text-align: left;
	padding			: 5px 25px 0px;
}
.top_tx3b {
	color		: #000000;
	border		:  0px ;
	background-color: none;
	font-size		: 14px;
	font-weight	: bold;
	line-height	: 120%;
        text-align: left;
	padding			: 5px 5px 0px;
}
.kamei_txb {
	color		: #333333;
	border		:  0px ;
	background-color: none;
	font-size		: 14px;
	font-weight	: bold;
	line-height	: 130%;
        text-align: left;
	padding			: 10px 0px 0px;
}
.space_tx {
	color		: #000000;
	border		:  0px ;
	background-color: none;
	font-size		: 12px;
	font-weight	: normal;
        letter-spacing: 0.1em;
	line-height	: 120%;
        text-align: left;
	padding		: 5px 25px 0px;
}
.space_tx2 {
	color		: #ffffff;
	border		:  0px ;
	background-color: none;
	font-size	: 13px;
	font-weight	: normal;
        letter-spacing  : 0.1em;
	line-height	: 150%;
        text-align: left;
	padding		: 10px 0px 0px;
}
.ai_tx {
	color		: #333333;
	border		:  0px ;
	background-color: none;
	font-weight	: normal;
        letter-spacing  : 0.1em;
	line-height	: 150%;
        text-align: left;
	padding		: 10px 0px 0px;
}
.b_a_tx {
	color		: #666666;
	border		:  0px ;
	background-color: none;
	font-size	: 13px;
	font-weight	: normal;
        letter-spacing: 0.3em;
	line-height	: 150%;
        text-align: left;
	padding			: 0px 0px 0px;
}
.company_tx {
	color		: #000000;
	border		:  0px ;
	background-color: none;
	font-size		: 13px;
	font-weight	: normal;
        letter-spacing: 0.2em;
	line-height	: 150%;
        text-align: left;
	padding			: 0px 10px 0px;
}
.his_tx {
	color		: #000000;
	border		:  0px ;
	background-color: none;
	font-size		: 13px;
	font-weight	: normal;
        letter-spacing: 0.2em;
	line-height	: 150%;
        text-align: left;
	padding			: 0px 0px 0px;
}
.plan_tx {
	color		: #000000;
	border		:  0px ;
	background-color: none;
	font-size		: 12px;
	font-weight	: normal;
	line-height	: 120%;
        text-align: left;
	padding			: 5px 5px 0px;
}
.top_brown {
	color		: #ffffff;
	border		: 1px #65141D solid;
	background-color: #65141D;
	font-size		: 1px;
	font-weight	: normal;
	line-height	: 0;
        vertical-align:text-bottom;
	padding			: 2px 0px 0px;
}
.brown_f {
	color		: #ffffff;
	border		:  0px #ffffff solid;
	background-color: #A1202C;
	font-size	: 10px;
	font-weight	: normal;
	line-height	: 100%;
	padding		: 10px 10px 10px;
}
.pink {
	color		: #000000;
	border		:  0px #cccccc solid;
	background-color: #F1DADB;
	font-size		: 10px;
	font-weight	: normal;
	line-height	: 130%;
	padding			: 0px 0px 0px;
}
.text {
	font-size	: 10px; 
	color		: #ffffff; 
	padding		: 0px 0px 0px;
        text-align: left;
	margin		: 0px
}
.re_brown {
	color		: #000000;
	border		:  1px #800000 solid;
	background-color: none;
	font-size		: 12px;
	font-weight	: normal;
	line-height	: 130%;
	padding			: 5px 5px 5px;
}
.re_vio {
	border		: 0px #cccccc solid;
	background-color: #000000;
	font-size		: 13px;
	font-weight	: bold;
	line-height	: 100%;
	padding			: 0px 0px 0px;
	margin			: 0px
}
.re_white {
	color		: #FFFFFF;
	border		:  1px #FFFFFF solid;
	background-color: none;
	font-size		: 12px;
	font-weight	: normal;
	line-height	: 130%;
	padding			: 5px 20px 5px;
}
.re_green3 {
	color		: #000000;
	border		:  1px #cccccc solid;
	background-color: none;
	font-size		: 12px;
	font-weight	: normal;
	line-height	: 130%;
	padding			: 0px 0px 0px;
}
.space {
	color		: #000000;
	border		:  none;
	background-color: none;
	font-size		: 12px;
	font-weight	: normal;
	line-height	: 150%;
        text-align: left;
	padding			: 10px 10px 10px;
}
.space50 {
	color		: #000000;
	border		:  none;
	background-color: none;
	font-size		: 12px;
	font-weight	: normal;
	line-height	: 150%;
        text-align: left;
	padding			: 50px 10px 10px;
}
.re_space {
	color		: #000000;
	border		:  none;
	background-color: none;
	font-size		: 12px;
	font-weight	: normal;
	line-height	: 150%;
        text-align: left;
	padding			: 5px 5px 5px;
}
.re_space2 {
	color		: #000000;
	border		:  none;
	background-color: none;
	font-size		: 12px;
	font-weight	: normal;
	line-height	: 150%;
        text-align: left;
	padding			: 10px 10px 10px;
}
.small {
	color		: #000000;
	border		:  none;
	background-color: none;
	font-size		: 10px;
	font-weight	: normal;
	line-height	: 130%;
        text-align: left;
	padding			: 10px 10px 10px;
}
.small_r {
	color		: #000000;
	border		:  none;
	background-color: none;
	font-size		: 10px;
	font-weight	: normal;
	line-height	: 130%;
        text-align: right;
	padding			: 10px 10px 10px;
}
.f20 {
	font-size		: 20px; 
	line-height	: 100%
}
.f10 {
	font-size		: 10px; 
	line-height	: 100%
}
.t_back {
	background-color: none;
	font-size	: 11px;
	font-weight	: normal;
        width           : 350px;
        height          : 153px;
	line-height	: 130%;
        letter-spacing  : 0.3em;
	padding			: 15px 5px 5px;
        background-image: url('img/tokuchou_back.jpg'); 
}
.s_back {
	background-color: none;
	font-size	: 11px;
	font-weight	: normal;
        width           : 350px;
        height          : 153px;
	line-height	: 130%;
        letter-spacing  : 0.3em;
	padding			: 15px 5px 0px;
        background-image: url('img/soudan_back.jpg'); 
}
h1 {
	font-size	: 12px; 
	font-weight	: normal; 
	line-height	: 100%; 
	color		: #000000; 
	padding		: 3px 20px 3px; 
	margin		: 0px
}
h2 {
	background-color: none;
	color		: #ffffff;
	font-size	: 17px;
	font-weight	: bold;
        width           : 650px;
        height          : 25px;
	line-height	: 120%;
        letter-spacing  : 0.3em;
	padding		: 10px 50px 0px;
        background-image: url('btn/h2img.jpg'); 
}
h3 {
	font-size	: 12px; 
	color		: #990000; 
	padding		: 10px 0px 5px;
	margin		: 0px
}
h4 {
	font-size	: 10px; 
	font-weight	: normal;
	color		: #808080; 
	padding		: 0px 0px 0px 5px;
	margin		: 0px;
	letter-spacing : 2
}

/*画像*/ 
.headerlogo1 { 
width:430px; /*画像の幅*/ 
height:105px; /*画像の高さ*/ 
background: url('img/head_l.jpg') no-repeat; /*画像*/ } 

/*テキスト*/ 
.headertext { 
display: none; 
} 
.page_top {
	position:fixed;
	bottom:150px;
	right:20px;
	padding:10px 15px;
	font-size:12px;
	text-decoration:none;
	background:#ff9999;
        border-radius: 5px;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}
.page_top:hover {
	background:#A1202C;
	color:#ffffff;
	font-size:12px;
	text-decoration:none;
}
.no-wrap {
    display: inline-block; /* インラインブロック化 */
}