@charset "utf-8";

/************************************************
 共通設定main.cssのコピー
************************************************ */
*{
    margin:0;
    padding:0;
}

body {
    font-family:"Lucida Grande","Hiragino KaKuGothic ProN",Meiryo,sans-selif;
    letter-spacing:1.5px;
    font-size:14px;
    background-image:url("http://seimenya.com/onlineshop/user_data/packages/20170301/img/background/bg_p.jpg");
}

/* 写真 */
img.picture {
}


/* ==============================================
 フレーム
=============================================== */
/* 全体を包括 */
.frame_outer {
    width:1000px;
    margin:0 auto;
}

/* コンテンツ */
#container {
}


/* ==============================================
 カラム指定
=============================================== */

/* メイン部
----------------------------------------------- */
#main_column {
}

/* 1カラム時 */
#main_column.colnum1 {

}

/* 2カラム時 (共通) */
#main_column.colnum2 {
}

/* 2カラム時 (メイン部が左) */
#main_column.colnum2.left {

}

/* 2カラム時 (メイン部が右) */
#main_column.colnum2.right {
    width:1000px;
}

/* 3カラム時 */
#main_column.colnum3 {

}

/* サイドカラム
----------------------------------------------- */
.side_column {
    position:fixed;
    top:0%;
    left:50%;
    z-index:5;
    width:201px;
    margin-top:190px;
    margin-left:-550px;
}

#leftcolumn {

}
#rightcolumn {

}

/* 他
----------------------------------------------- */
/* ヘッダーとフッターの上下 */
#topcolumn,
#bottomcolumn,
#footerbottomcolumn {

}

/* 下層コンテンツ */
#undercolumn {
    /*height:12200px;*/
    position:relative;
    top:-60px;
    /*background-color:pink;*/
    /*
    background-image:url("http://cobra-chocolates.sakura.ne.jp/hoge/onlineshop/user_data/packages/55551/img/background/bg2.png");
    */
    z-index:1;
}

/* ==============================================
 ユーティリティ
=============================================== */
/* フロート回り込み解除
----------------------------------------------- */
.clearfix:after {
    display: block;
    clear: both;
    height: 0px;
    line-height: 0px;
    visibility: hidden;
    content: ".";
}
.clearfix {
    display: block; /* for IE8 */
}
.clear {
    clear: both;
}

/* リンク指定
----------------------------------------------- */
a{
    color:#000;
}
a:link,
a:visited {
    text-decoration:none;
}
a:link:hover,
a[href]:hover {
    text-decoration:none;
}


/* フォント
----------------------------------------------- */
h1,
h2,
h3,
h4,
h5 {

}
.sale_price {
}
.normal_price {
}
.point {

}
.user_name {
}
.recommend_level {
}

.attention {
}

.attentionSt {

}
.st {
}
.mini {
}


/* 行揃え
----------------------------------------------- */
.alignC {
}

.alignR {
}

.alignL {
}

.pricetd em {
}


/* フォーム
----------------------------------------------- */
select {

}
input[type='text'],
input[type='password'] {

}

.box40 {
}
.box60 {
}
.box100 {
}
.box120 {
}
.box140 {
}
.box145 {
}
.box150 {
}
.box240 {
}
.box300 {
}
.box320 {
}
.box350 {
}
.box380 {
}

/* フォームが縦に重なり合う場合に併用する余白 */
.top { /* FIXME 簡素な単語は、単独で、込み入った指定に使用しない */
}


/* タイトル
----------------------------------------------- */
h2.titlep {
    width:680px;
    margin-left:70px;
}

#main_column .sub_area h3,
#undercolumn_login .login_area h3,
#undercolumn_shopping h3,
#mypagecolumn h3,
#undercolumn_cart h3 {

}

div#undercolumn_login .login_area h4 {

}


/* ==============================================
 ヘッダー
=============================================== */
/* レイアウト
----------------------------------------------- */
#header_wrap {

}
#header {

}
#header_utility {

}
#errorHeader {

}


/* ロゴ
----------------------------------------------- */
#logo_area {
    height:100px;
}

#logo_m{
    display:inline-block;
    height:70px;
    width:350px;
    vertical-align:top;
}

#logo_m img{
    width:250px;
}

#site_description {
    display:inline-block;
    height:50px;
    line-height:100px;
}

/* ==============================================
 フッター
=============================================== */
#footer_wrap {
    position:relative;
    top:-40px;
    margin-right:50px; 
}

#footer {

}
#pagetop {

}
#copyright {
    text-align:right;
}


/* ==============================================
 パーツ
=============================================== */
/* ボタン
----------------------------------------------- */
.btn_area {

}

.btn_area li {

}


/* 完了メッセージ
----------------------------------------------- */
div#complete_area {
}
div#complete_area .message,
div#undercolumn_entry .message {

}
div#complete_area .shop_information {

}
div#complete_area .shop_information .name {

}

/* ---------------------追加スタイル--------------------- */

/** ヘッダー部 **/

/* メールアドレス・ログインボタン等 */

.forgot a{
    font-size:12px;
    color:blue;
}

.forgot a:hover{
    color:#fff;
}

#header_navi{
    width:990px;
}

.formlist{
    height:30px;
}

.formlist li{
    display:inline-block;
}

#login_btn{
    position:relative;
    top:5px;
}

/* カゴの中 */

#cart_area h2{
    font-size:15px;
}

.item,.total{
    font-size:12px;
}

.btn:hover{
    opacity:0.7;
}

/* Mｙページ・会員登録 */

#header_navi_my ul li{
    display:inline-table;
}

#header_navi_my ul li a{
    display:inline-block;
    width:200px;
    height:30px;
}

#header_navi_my ul li a:hover{
    background-color:#fff;
    opacity:0.7;
}

/* トップナビ */

#guide_area{
    position:relative;
    z-index:2;
}

#guide_area ul{
    margin-left:150px;
}

#guide_area ul li{
    display:inline;
}

/* スライドショー */

#slideshow{
    position:relative;
    top:-20px;
    z-index:1;
}

#undercolumn form{
}

#undercolumn #form1{
    /*
    height:0px;
    border:none;
    */
}

.listrightbloc{
}

/* 左ナビカテゴリ */

#category_area li:hover{
}

#category_area li ul{
    margin:0;
    font-size:0;
}

.child{
    margin:0;
    font-size:0;/* リストの間隔をなくす */
}

/* パララックスのスタイル */

#box1{
    position:relative;
    top:-60px;
}

#main_bg1{
    width:1003px;
    height:5460px;
}

.ca{
    position:absolute;
}

/* 画像 */
/*
topを0pxで固定
移動する画像に関しては、下の方の画像ほど上に来てしまうので初期値のmargin-topを本来よりも上にする。
p:pallax
01png:238*239 p
02png:780*526
03png:348*239
04png:456*310
05png:217*315 p
06png:238*239 p
07png:302*209
08png:439*648
09png:241*168
10png:419*287 p
11png:1024*689
12png:238*239 p
13png:338*233 p
14png:337*233
15png:238*239 p
16png:336*232
17png:454*310 p
18png:595*403
19png:769*934
20jpg:875*830
*/

#main_bg2{
    /*
    width:1003px;
    height:2410px;
    margin:3002px 0px 0px 0px;
    background-color:#9A9A99;
    background-image:url("http://cobra-chocolates.sakura.ne.jp/hoge/onlineshop/user_data/packages/55551/img/background/bg2.jpg");
    top:0px;
    left:0px;
    z-index:1;
    */
}

/* height+950px */
/* -200px */

#pic01 {
    width:238px;
    height:239px;
    margin:1350px 0px 0px 0px;/*300*/
    top:0px;
    left:120px;
    z-index:3;
    opacity:0.7;
}

#pic02 {
    width:780px;
    height:526px;
    margin:820px 0px 0px 0px;/*70*/
    top:0px;
    left:140px;
    z-index:1;
}

#pic03 {
    width:348px;
    height:239px;
    margin:1070px 0px 0px 0px;/*320*/
    top:0px;
    left:80px;
    z-index:1;
}

#pic04 {
    width:456px;
    height:310px;
    margin:1190px 0px 0px 0px;/*440*/
    top:0px;
    left:450px;
    z-index:1;
}

#pic05 {
    width:217px;
    height:315px;
    margin:1970px 0px 0px 0px;/*820*/
    top:0px;
    left:150px;
    z-index:1;
}

#pic06 {
    width:238px;
    height:239px;
    margin:1750px 0px 0px 0px;/*900*/
    top:0px;
    left:700px;
    z-index:3;
}

#pic07 {
    width:302px;
    height:209px;
    margin:1620px 0px 0px 0px;/*870*/
    top:0px;
    left:450px;
    z-index:2;
}

#pic08 {
    width:439px;
    height:648px;
    margin:1750px 0px 0px 0px;/*1000*/
    top:0px;
    left:80px;
    z-index:1;
}

#pic09 {
    width:241px;
    height:168px;
    margin:1950px 0px 0px 0px;/*1200*/
    top:0px;
    left:680px;
    z-index:3;
}

#pic10 {
    width:419px;
    height:287px;
    margin:2450px 0px 0px 0px;/*1600*/
    top:0px;
    left:460px;
    z-index:2;
}

#pic11 {
    width:1024px;
    height:689px;
    margin:2350px 0px 0px 0px;/*1600*/
    top:0px;
    left:0px;
    z-index:2;
}

#pic12 {
    width:238px;
    height:239px;
    margin:3700px 0px 0px 0px;/*2750*/
    top:0px;
    left:80px;
    z-index:3;
}

#pic13 {
    width:338px;
    height:233px;
    margin:3650px 0px 0px 0px;/*2700*/
    top:0px;
    left:500px;
    z-index:1;
}

#pic14 {
    width:337px;
    height:233px;
    margin:3120px 0px 0px 0px;/*2370*/
    top:0px;
    left:250px;
    z-index:2;
}

#pic15 {
    width:238px;
    height:239px;
    margin:3750px 0px 0px 0px;/*2800*/
    top:0px;
    left:720px;
    z-index:3;
}

#pic16 {
    width:336px;
    height:232px;
    margin:3330px 0px 0px 0px;/*2580*/
    top:0px;
    left:580px;
    z-index:1;
}

#pic17 {
    width:454px;
    height:310px;
    margin:3950px 0px 0px 0px;/*3000*/
    top:0px;
    left:0px;
    z-index:3;
}

#pic18 {
    width:595px;
    height:403px;
    margin:3510px 0px 0px 0px;/*2760*/
    top:0px;
    left:200px;
    z-index:2;
}

/* うまい麺しかつくらない */

#pic19 {
    width:875px;
    height:830px;
    margin:3900px 0px 0px 0px;
    top:0px;
    left:130px;
    z-index:1;
}

/* 本物の讃岐うどんとは */

#pic20 {
    width:769px;
    height:934px;
    margin:100px 0px 0px 0px;/*3200*/
    top:0px;
    left:120px;
    z-index:1;
}

/* 麺ナンジャー */

#nanjya_all{
    width:743px;
    height:675px;
    margin:4700px 0px 0px 0px;
    top:0px;
    left:130px;
    z-index:1;
}

#nanjya_area{
    width:1030px;
    width:120%;
    height:260px;
    /*background-color:#C6C6C2;*/
    /*
    background-image:url("http://cobra-chocolates.sakura.ne.jp/hoge/onlineshop/user_data/packages/55551/img/background/bg2.png");
    */
    position:relative;
    top:-60px;
    z-index:2;
}

#nanjya_title{
    width:1001px;
    height:50px;
    position:absolute;
    top:0px;
    z-index:1;
}

#nanjya_comment_top{
    position:absolute;
    top:-100px;
    z-index:2;
}

#nanjya_comment1,
#nanjya_comment3,
#nanjya_comment5,
#nanjya_comment7,
#nanjya_comment9,
#nanjya_comment11{
    height:160px;
    opacity:0;
    float:left;
}

#nanjya_img{
    position:absolute;
    top:50px;
}

#nanjya1,
#nanjya2,
#nanjya3,
#nanjya4,
#nanjya5,
#nanjya6,
#nanjya7,
#nanjya8,
#nanjya9,
#nanjya10,
#nanjya11{
    height:140px;
    float:left;
}

#nanjya_comment_bottom{
    position:absolute;
    top:190px;
}

#nanjya_comment2,
#nanjya_comment4,
#nanjya_comment6,
#nanjya_comment8,
#nanjya_comment10{
    height:160px;
    float:left;
    opacity:0;
}

/* 注文・配送方法等 */

.orderimage_center{ margin:0 auto; }

#order_image1{
    width:830px;
}

#order_image2{
    width:832px;
}

#order_comment1{
    width:830px;
}

#order_comment2{
    width:832px;
}

/* 香川のうどん豆知識 */

.guide1_center{ margin:0 auto; }

#guide1_1{width:1021px;}
#guide1_2,
#guide1_3{width:885px;}

/* 麺ができるまで */

#box2{
    position:relative;
    top:-60px;
    /*background-color:red;*/
}

#main_bg2{
    width:1003px;
    height:3870px;
}

.cap{
    position:absolute;
    font-size:13px;
    font-weight:bold;
}

#pro_pic01{
    width:872px;
    height:375px;
    margin:0px 0px 0px 0px;
    top:0px;
    left:80px;
    z-index:4;
}

#pro_pic02{
    width:396px;
    height:345px;
    margin:300px 0px 0px 0px;
    top:0px;
    left:100px;
    z-index:4;
}

#pro_pic03{
    width:252px;
    height:168px;
    margin:500px 0px 0px 0px;
    top:0px;
    left:500px;
    z-index:4;
}

#pro_pic04{
    width:122px;
    height:121px;
    margin:400px 0px 0px 0px;
    top:0px;
    left:800px;
    z-index:4;
}

#pro_pic05{
    width:579px;
    height:366px;
    margin:750px 0px 0px 0px;
    top:0px;
    left:350px;
    z-index:4;
}

#pro_pic06{
    width:178px;
    height:121px;
    margin:800px 0px 0px 0px;
    top:0px;
    left:100px;
    z-index:4;
}

#pro_pic07{
    width:280px;
    height:396px;
    margin:1080px 0px 0px 0px;
    top:0px;
    left:70px;
    z-index:4;
}

#pro_pic08{
    width:178px;
    height:143px;
    margin:1250px 0px 0px 0px;
    top:0px;
    left:480px;
    z-index:4;
}

#pro_pic09{
    width:386px;
    height:106px;
    margin:1440px 0px 0px 0px;
    top:0px;
    left:140px;
    z-index:4;
}

#pro_pic10{
    width:266px;
    height:205px;
    margin:1410px 0px 0px 0px;
    top:0px;
    left:700px;
    z-index:4;
}

#pro_pic11{
    width:442px;
    height:346px;
    margin:1550px 0px 0px 0px;
    top:0px;
    left:480px;
    z-index:2;
}

#pro_pic12{
    width:352px;
    height:331px;
    margin:1600px 0px 0px 0px;
    top:0px;
    left:120px;
    z-index:4;
}

#pro_pic13{
    width:525px;
    height:359px;
    margin:1850px 0px 0px 0px;
    top:0px;
    left:50px;
    z-index:4;
}

#pro_pic14{
    width:250px;
    height:164px;
    margin:1950px 0px 0px 0px;
    top:0px;
    left:620px;
    z-index:4;
}

#pro_pic15{
    width:257px;
    height:202px;
    margin:2130px 0px 0px 0px;
    top:0px;
    left:620px;
    z-index:4;
}

#pro_pic16{
    width:396px;
    height:280px;
    margin:2400px 0px 0px 0px;
    top:0px;
    left:500px;
    z-index:2;
}

#pro_pic17{
    width:280px;
    height:106px;
    margin:2670px 0px 0px 0px;
    top:0px;
    left:430px;
    z-index:4;
}

#pro_pic18{
    width:483px;
    height:479px;
    margin:2380px 0px 0px 0px;
    top:0px;
    left:110px;
    z-index:3;
}

#pro_pic19{
    width:1921px;
    height:1650px;
    margin:2520px 0px 0px 0px;
    top:0px;
    left:-470px;
    z-index:3;
}

#pro_pic20{
    width:621px;
    height:343px;
    margin:3660px 0px 0px 0px;
    top:0px;
    left:200px;
    z-index:4;
}

#pro_pic21{
    width:941px;
    height:2326px;
    margin:300px 0px 0px 0px;
    top:0px;
    left:50px;
    z-index:1;
}

#pro_txt1{
    width:380px;
    height:100px;
    margin:650px 0px 0px 0px;
    top:0px;
    left:120px;
    z-index:3;
}

#pro_txt2{
    width:370px;
    height:50px;
    margin:1120px 0px 0px 0px;
    top:0px;
    left:560px;
    z-index:3;
}

#pro_txt3{
    width:380px;
    height:50px;
    margin:1540px 0px 0px 0px;
    top:0px;
    left:150px;
    z-index:3;
}

#pro_txt4{
    width:270px;
    height:50px;
    margin:1890px 0px 0px 0px;
    top:0px;
    left:625px;
    z-index:2;
}

#pro_txt5{
    width:257px;
    height:202px;
    margin:2210px 0px 0px 0px;
    top:0px;
    left:70px;
    z-index:3;
}

#pro_txt6{
    width:480px;
    height:50px;
    margin:2780px 0px 0px 0px;
    top:0px;
    left:440px;
    z-index:3;
}

/* 麺のプロたち */

.guide3_center{ margin:0 auto; }

#guide3_1{
    width:1001px;
    position:relative;
    z-index:4;
}

#guide3_2{
    width:1001px;
    height:700px;/*832px*/
    position:relative;
    top:-150px;
    left:-300px;
}

#guide3_3,
#guide3_4,
#guide3_5,
#guide3_6,
#guide3_7{width:1001px;}

/* QandA */

.guide4_center{ margin:0 auto; }

#guide4_1{
    width:699px;
    position:relative;
    z-index:4;
}

#guide4_2{width:322px;}
#guide4_8{width:360px;}
#guide4_14{width:250px;}
#guide4_18{width:323px;}

#guide4_3,
#guide4_4,
#guide4_5,
#guide4_6,
#guide4_7,
#guide4_9,
#guide4_10,
#guide4_11,
#guide4_12,
#guide4_13,
#guide4_15,
#guide4_16,
#guide4_17,
#guide4_19,
#guide4_20,
#guide4_21,
#guide4_22,
#guide4_23{width:714px;}

#guide4_12{
    position:relative;
    top:0px;
}

#guide4_12_txt{
    position:absolute;
    top:90px;
    left:74px;
    font-weight:bold;
    font-size:14px;
}

/* 会社概要 */

#guide5_center{
    margin:0 auto;
    width:700px;
}

#guide5 table{
    width:900px;
    margin:0 auto;
    font-size:20px;
}

#guide5 table tr{
    border-bottom:2px solid #000;
}

#guide5 table tr td{
    line-height:2.5em;
}

.td_center{
    text-align:center;
    width:250px;
}