@charset "shift_jis"; 

html{margin:0;padding:0;}

body { color:#555;background : url(image1.gif) repeat center center;text-align:left;margin:0;padding:0;}

a:link { color:#0080c0; text-decoration:none;}
a:visited { color:#0080c0; text-decoration:none;}
a:active { color:#0080c0; text-decoration:none;}
a:hover { color:#a38732; text-decoration: underline;}
td, div{ font-size : 12px; font-family : "ｍｓ ｐゴシック"; line-height : 1.7em;}
dl, dd, dt, ol, ul, li{ padding:0px; margin:0px; border:0px; font-size:12px; line-height:1.7em; list-style:none; list-style-type:none;}

#s1{ filter:alpha(opacity=90); background-color:#ffffff;}
.border{ border : 1px dotted dotted dotted dotted; #ddd;}
.news1{ width :100%; height : 500px; overflow:auto;
  scrollbar-face-color: #ffffff;
  scrollbar-shadow-color: #929c87;
  scrollbar-highlight-color: #edf1e0;
  scrollbar-3dlight-color: #929c87;
  scrollbar-darkshadow-color: #edf1e0;
  scrollbar-track-color: #f7f6f1;
  scrollbar-arrow-color: #929c87;
  margin:0px; padding : 0px; padding-right : 5px; font-size:12px;text-align:left;line-height : 1.5em;}
#pg{ width : 100%; height : 270px; position : absolute; top : 260px; left :0px ; z-index : 1; text-align:center;}
.midashi{ font-size : 12px; font-weight : bold;}
.line1{ background-color : #ccc; width : 100%; height : 1px;}
.font11{ font-size : 11px;}

hr{ height : 1px; color:#ccc;}
h5{ padding : 0px; margin : 0px; border : 0px;}

/*-- ---------------------------------------------------------------- --\*/
/*-- [▼トップページ]  url(back_hana.gif) --\*/
/*-- ---------------------------------------------------------------- --\*/
.top_back1{background:;width:650px;}
.top_back2{position:relative;width:623px;height:323px;background : url(pg.jpg) no-repeat;}
.top_iframe2{width:630px;height:480px;border:10px solid #ccc;_border:0px;margin:0;padding:0;}
.top_iframeback{position:relative;height:480px;width:650px;_height:500px;_width:670px;}
#top_iframe_setumei{position:absolute;	top:185px;right:-20px;}
#catch{	position:absolute;top:220px;left:105px;z-index:10;}
#top_iframe_link{position:absolute;top:30px;left:10px;z-index:20;width:630px;height:460px; }
#p1{position:absolute;top:30px;left:20px;width:600px;height:270px;}
.size{width : 150px;height : 150px;}
.news_top{ width :100%; height : 570px; overflow:auto;
  scrollbar-face-color: #ffffff;
  scrollbar-shadow-color: #929c87;
  scrollbar-highlight-color: #edf1e0;
  scrollbar-3dlight-color: #929c87;
  scrollbar-darkshadow-color: #edf1e0;
  scrollbar-track-color: #f7f6f1;
  scrollbar-arrow-color: #929c87;
  margin:0px; padding : 0px; padding-right : 5px; font-size:12px;text-align:left;line-height : 1.5em;}

#descriptions{background : url(o_menu_back.gif) no-repeat; width : 615px;height : 210px; margin-top:10px; padding-top:10px;}


/*-- ---------------------------------------------------------------- --\*/
/*-- [▼ラフォルムコレクション] --\*/
/*-- ---------------------------------------------------------------- --\*/
.iframeback{position:relative;width:630px;height:400px; overflow:hidden;}
.iframesize{width:750px;height:450px;position:absolute;top:-50px;left:-50px;z-index:1;}
#lc_title{width:630px;height:400px;position:absolute;top:0px;left:0px;z-index:2;}

#catalog_maincontainer{ width:950px; background : #ffffff url(ten_koushi1.gif); }
#c_top #catalog_container{ margin:10px; font-size:12px; line-height : 1.6em; background:#ffffee;}
#catalog_container{margin:10px; font-size:12px;  line-height : 1.6em; background:#ffffee;}
#catalog_container hr{border:1px solid #ccc; width:100%; margin-bottom:10px;}

#orderform span{font-size:11px;}
#orderform .help span{font-size:1em;}




/*-- [▼メニュー] 
.catalog_menu{position:relative;height:23px;z-index:100;}
ul#catalog_menu { background : url(menu_bg2.jpg); width:950px; height:23px; position:absolute; top:0px; left:0px; margin:0; padding:0; list-style:none; list-style-type:none; z-index:100; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
ul#catalog_menu li{ position:relative; display:inline; text-align:center; float:left; margin:0; padding:0; list-style:none; list-style-type:none; }
ul#catalog_menu li a{ cursor:default;color:#fff;display:block; width:157px; height:23px; line-height:23px; text-decoration:none; font-weight:bold; }
ul#catalog_menu li a:hover{ text-decoration:underline; }
ul#catalog_menu li a span { cursor:pointer; }
/*-- 2階層目 --\*/
ul#catalog_menu div{ visibility:hidden; border-top:0px;z-index:18; position:absolute; margin-top:-25px; top:48px; left:10px; text-align:left; padding-left:0px; }
ul#catalog_menu div#cm_n{ background : url(menu_bg.jpg) -10px 0px; }
ul#catalog_menu div#cm_g{ background : url(menu_bg.jpg) -167px 0px; }
ul#catalog_menu div#cm_pe{ background : url(menu_bg.jpg) -324px 0px; }
ul#catalog_menu div#cm_ot{ background : url(menu_bg.jpg) -481px 0px; }
ul#catalog_menu div ul{ margin:0; padding:0; list-style:none; list-style-type:none; }
ul#catalog_menu div ul li a{ cursor:default;width:137px; font-weight:normal; text-decoration:none; text-align:left; background : url(arrow_dot.gif) no-repeat 5px 7px; padding-left:15px; }
ul#catalog_menu div ul li a:hover { cursor:default;text-decoration:none; background : #333333 url(arrow_dot.gif) no-repeat 5px 7px;}
/*-- 3階層目 --\*/
ul#catalog_menu div ul li{ position:relative;}
ul#catalog_menu div ul li div{ border:0px;visibility:hidden;background:#333;width:130px; height:23px;position:absolute; top:25px; left:137px; padding:5px; }
ul#catalog_menu div ul li div a{ cursor:pointer;display:inline; float:left; width:30px; height:10px; background:#666;padding-left:5px;}
ul#catalog_menu div ul li div a:hover{ cursor:pointer;font-weight:bold; width:30px; height:10px;background:;}
--\*/

/*-- [▼各ページ：メインの写真] --\*/
#catalog_mainphoto_container{ width:595px; height:205px; position:relative; overflow:hidden; }
/*-- Flashが表示できないブラウザ（safari）用写真 --\*/
.cmc_photo_n_co{background:url(http://www.laforme.jp/flash/ne_maru/2.jpg);}
.cmc_photo_n_h{background:url(http://www.laforme.jp/flash/ne_heart/5.jpg);}
.cmc_photo_n_c{background:url(http://www.laforme.jp/flash/ne_cross/1.jpg);}
.cmc_photo_n_w{background:url(http://www.laforme.jp/flash/ne_wing/1.jpg);}
.cmc_photo_n_si{background:url(http://www.laforme.jp/flash/ne_shizuku/2.jpg);}
.cmc_photo_n_ice{background:url(http://www.laforme.jp/flash/ne_ice/3.jpg);}
.cmc_photo_n_sp{background:url(http://www.laforme.jp/flash/ne_shikaku/3.jpg);}
.cmc_photo_n_to{background:url(http://www.laforme.jp/flash/ne_tonbo/3.jpg);}
.cmc_photo_n_hei{background:url(http://www.laforme.jp/flash/ne_heimen/1.jpg);}
.cmc_photo_n_ri{background:url(http://www.laforme.jp/flash/ne_rittai/1.jpg);}
.cmc_photo_n_collabo{background:url(http://www.laforme.jp/flash/ne_collabo/1.jpg);}
.cmc_photo_ri_no{background:url(http://www.laforme.jp/flash/ri_normal/1.jpg);}
.cmc_photo_ri_de{background:url(http://www.laforme.jp/flash/ri_design/2.jpg);}
.cmc_photo_ri_co{background:url(http://www.laforme.jp/flash/ri_collabo/2.jpg);}
.cmc_photo_pe{background:url(http://www.laforme.jp/flash/piass/8.jpg);}
.cmc_photo_ot{background:url(http://www.laforme.jp/flash/others/1.jpg);}

#cmp_kado{position:absolute;top:0px;left:0px;z-index:1;width:595px;height:205px;}
#catalog_mainphoto_cate{width:50px; height:205px;position:absolute;top:0;left:15px; z-index:1;}
#catalog_mainphoto_title{width:580px; height:15px;position:absolute;top:170px;left:0px; text-align:right; z-index:1;}
#catalog_mainphoto_iframe{width:610px; height:205px;position:absolute;top:0;left:-15px;z-index:0;}


/*-- [▼各ページ：プルダウンメニュー、前次メニュー] --\*/
.cpm{color:#333; background:#fff; width:130px; border:1px solid #333;}
.c_menu{margin:10px;}
/*-- トップのみマージン変更 --\*/
#c_top .c_menu{margin:0px;}

.c_nbmenu{background : url(c_nbmenu.gif) no-repeat;font-weight:bold;}
.c_nbmenu a:link { color:#ccc; text-decoration:none;}
.c_nbmenu a:visited { color:#ccc; text-decoration:none;}
.c_nbmenu a:active { color:#orange; text-decoration:none;}
.c_nbmenu a:hover { color:orange; text-decoration: underline; }



/*-- [▼各ページ：オーダーフォーム内のツールチップヘルプ(IE以外)] --\*/
.help{position:relative; z-index:1;}
.help img.hatena{cursor:pointer;}
.help div{ position:absolute;top:20px;right:20px; width:500px; border:3px solid #666; color:#666; background:#000; padding:10px;visibility:hidden; z-index:100;}
.help div span{ border-left:3px solid #666; color:#666;  font-weight:bold; height:1.5em; padding-left:0.5em;}
.help div span a{ color:#666; font-weight:bold; cursor:pointer; position:absolute;top:5px;right:5px; text-decoration:none;}
.help div p{ text-indent:1em; margin-top:0.8em; }


/*-- [▼メモリアルアクセサリーのページ] --\*/
ul#memorial_image{position:relative;}
.mi_ne{height:1780px;}

/*--ネックレス・ペンダント--\*/
.mi_ri{height:500px;}

/*--リング・指輪--\*/
.mi_pi{height:260px;}

/*--ピアス・イヤリング--\*/
.mi_ot{height:500px;}

/*--その他のアクセサリー--\*/
.mi_ob{height:650px;}

/*--オブジェ--\*/
ul#memorial_image li{position:absolute;}
ul#memorial_image li a {background:0;cursor : default;}
ul#memorial_image li a span{display:none;}
ul#memorial_image li a:hover span{
        color:#999;
        font-size:11px;
        font-weight:bold;
        text-decoration:none;
        display:block;
        border:1px solid #ccc;
        background:#fff;
        position:absolute;
        top:5px;
        left:5px;
        width:80px;
        z-index:1;
        padding:3px;
}

/*--横--\*/
.ma_col1{left:0;}
.ma_col2{left:105px;}
.ma_col3{left:210px;}
.ma_col4{left:315px;}
.ma_col5{left:420px;}

/*--縦--\*/
.ma_row1 {top:0;}
.ma_row2 {top:65px;}
.ma_row3 {top:125px;}
.ma_row4 {top:190px;}
.ma_row5 {top:255px;}
.ma_row6 {top:315px;}
.ma_row7 {top:380px;}
.ma_row8 {top:440px;}
.ma_row9 {top:505px;}
.ma_row10 {top:570px;}
.ma_row11 {top:630px;}
.ma_row12 {top:695px;}
.ma_row13 {top:760px;}
.ma_row14 {top:825px;}
.ma_row15 {top:890px;}
.ma_row16 {top:950px;}
.ma_row17 {top:1020px;}
.ma_row18 {top:1080px;}
.ma_row19 {top:1145px;}
.ma_row20 {top:1205px;}
.ma_row21 {top:1270px;}
.ma_row22 {top:1335px;}
.ma_row23 {top:1400px;}
.ma_row24 {top:1465px;}
.ma_row25 {top:1525px;}
.ma_row26 {top:1585px;}
.ma_row27 {top:1650px;}
.ma_row28 {top:1715px;}



/*-- ---------------------------------------------------------------- --\*/
/*-- [▼ミニゲーム　オセロのページ] --\*/
/*-- ---------------------------------------------------------------- --\*/
#othello{font-size : 12px;line-height:18px;color:#666;}
#mg_position{position:absolute; top:0px; left:40px;}

.othello_margin{ padding:0px; margin:0px; border:0px; }

#othello_table{ background :#fff ; border:1px solid gray; width:320px; height:320px; position:absolute; top:70px; left:222px; }
#othello_table td{ background:#007300; border:1px solid black; width:38px; height:38px; }

#othello_s_anata{ position:absolute; top:0px; left:220px; width:150px; height:22px; text-align:right; }
#othello_s_anata input{ background:#fff; border:0px; font-weight:bold; font-size:24px; color:red; font-weight:bold; width:28px; height:22px; }
#othello_s_com{ position:absolute; top:0px; left:390px; width:150px; height:22px; text-align:right; }
#othello_s_com input{ background:#fff; border:0px; font-weight:bold; font-size:24px; color:red; font-weight:bold; width:28px; height:22px; }

#othello_form{ width:200px; position:absolute; top:35px; left:0px; text-align:left; }
#othello_form textarea{ font-size:12px; line-height:16px; width:210px; height:55px; text-indent:1em; background: #fff; color:#666; padding:0 30px 0 0; }

#othello_dot span{ width:10px; height:10px; position:absolute; color:black; font-size:11px; }
.othello_dot_lt{ top:144px; left:299px; }
.othello_dot_ld{ top:304px; left:299px; }
.othello_dot_rt{ top:144px; left:459px; }
.othello_dot_rd{ top:304px; left:459px; }