@charset "shift_jis";

/* ------------------------------------------------------------------- */
/* Location : http://www.maruchi.biz/wrok/design-style-photo.css */
/* Location : http://www.maruchi.biz/wrok/design-style-common.css */
/* Date : 2016-05-23 */
/* Author : maruchi */
/* ------------------------------------------------------------------- */

/* ------------------------------------------------------------------- */
/* --- コンテンツ 写真 design-photo ----------------- */
/* --- コンテンツ 写真 枠背景なし  --- */
div.contents-frame-photo {
width: 760px;
margin: 0px;
padding: 0px;
border: 0;
overflow: hidden;
}

div.contents-frame-photo img {
vertical-align: top;
}

/* --- コンテンツ 写真 背景 --- */
div.photo-frame-back {
margin: 0px;
padding: 0px;
border: 0;
background: url(../image/design-photo-002.gif) repeat-y;
}

/* --- コンテンツ 写真 ページ上 背景 --- */
div.photo-frame-back-top {
/* height: 520px; */
margin: 0px;
padding: 0px;
background: url(../image/design-photo-001.jpg) no-repeat top center;
}

/* --- コンテンツ 写真 ページ上 案内 --- */
div.photo-frame-guide-top {
/* height: 520px; */
margin: 0px;
padding: 120px 0px 32px 0px;
}

/* --- コンテンツ 写真 ページ上 案内 --- */
.photo-guide-top-01 {
margin: 0px;
padding: 0px 0px 40px 0px;
font-weight: bold;
font-size: 24px;
line-height: 150%;
color: #000000;
text-align: center;
}

/* --- コンテンツ 写真 ページ上 案内 --- */
.photo-guide-top-02 {
margin: 0px;
padding: 0px 0px 0px 0px;
font-size: 16px;
line-height: 150%;
color: #000000;
text-align: center;
}

/* --- コンテンツ 写真 ページ上 案内 --- */
.photo-guide-top-03 {
margin: 0px;
padding: 0px 0px 8px 0px;
font-weight: bold;
font-size: 21px;
line-height: 150%;
color: #000000;
text-align: left;
}


/* ------------------------------------------------------------------- */
/* --- コンテンツ 写真 案内 写真撮影、画像編集 --- */
div.photo-frame-guide {
margin: 0px;
padding: 0px 20px 0px 50px;
text-align: left;
}

/* --- コンテンツ 写真 案内 写真撮影、画像編集 左 --- */
div.photo-frame-left {
width: 220px;
margin: 0px;
padding: 0px;
float: left;
}

/* --- コンテンツ 写真 案内 写真撮影、画像編集 右 --- */
div.photo-frame-right {
width: 470px;
margin: 0px;
padding: 0px;
float: right;
}

/* --- コンテンツ 写真 案内 写真撮影 文字 --- */
.photo-guide-take {
margin: 0px 0px 6px 0px;
padding: 0px 0px 0px 12px;
font-size: 18px;
line-height: 140%;
color: #000000;
text-align: left;
background: url(../image/design-photo-006.gif) no-repeat left top;
}

/* --- コンテンツ 写真 案内 画像編集 文字 --- */
.photo-guide-edit {
margin: 0px 0px 6px 0px;
padding: 0px 0px 0px 12px;
font-size: 18px;
line-height: 140%;
color: #000000;
text-align: left;
background: url(../image/design-photo-007.gif) no-repeat left top;
}

/* --- コンテンツ 写真 ページ上 写真撮影と画像編集のその他の案内 --- */
.photo-text-01 {
margin: 0px;
padding: 0px 0px 0px 0px;
font-size: 14px;
line-height: 150%;
color: #000000;
text-align: left;
}


/* ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- */
/* --- コンテンツ 写真 画像編集 枠 --- */
div.photo-frame-edit {
margin: 0px;
padding: 0px 0px 0px 45px;
}

/* --- コンテンツ 写真 画像編集 小見出し --- */
div.photo-title {
margin: 0px;
padding: 0px 0px 10px 0px;
border: 0;
font-size: 14px;
line-height: 100%;
text-align: left;
}


/* ------------------------------------------------------------------- */
/* --- コンテンツ 写真　画像編集　案内 --- */
ul.photo-edit {
margin: 0px;
padding: 0px;
}

ul.photo-edit li {
margin: 0px;
padding: 0px;
display: inline;
list-style-type: none;
float: left;
}

/* --- コンテンツ 写真　画像編集　案内 --- */
li.photo-edit-01 {
width: 350px;
margin: 0px;
padding: 0px;
font-size: 16px;
line-height: 100%;
text-align: left;
}

li.photo-edit-02 {
width: 320px;
margin: 0px;
padding: 0px;
font-size: 16px;
line-height: 100%;
text-align: left;
}

.photo-edit-03 {
margin: 0px;
padding: 2px 0px 0px 0px;
font-size: 16px;
line-height: 120%;
color: #000000;
text-align: left;
}

/* ------------------------------------------------------------------- */
/* --- コンテンツ 写真　画像編集　案内 文字 --- */
.photo-text-02 {
margin: 0px;
padding: 0px 45px 10px 0px;
font-size: 16px;
line-height: 150%;
color: #000000;
text-align: left;
}

/* --- コンテンツ 写真　画像編集　案内 文字 --- */
.photo-text-03 {
margin: 0px;
padding: 0px 0px 0px 134px;
font-size: 14px;
line-height: 150%;
color: #000000;
text-align: left;
}


/* --- コンテンツ 写真　画像編集　案内 文字 枠 dotted solid --- */
.photo-text-04 {
margin: 0px 45px 0px 0px;
padding: 14px 14px 14px 10px;
border:1px dotted #35b3ff;
background-color:#f4fbff;
text-align: left;
}

/* --- コンテンツ 写真　画像編集　案内 文字 枠 アイコン 花 --- */
.photo-text-05 {
margin: 0px;
padding: 0px;
background: url(../image/design-photo-026.gif) no-repeat left top;
}

/* --- コンテンツ 写真　画像編集　案内 文字 枠 アイコン 猿 --- */
.photo-text-06 {
margin: 0px;
padding: 0px;
background: url(../image/design-photo-027.gif) no-repeat left top;
}


/* --- コンテンツ 写真　画像編集　案内 文字 枠 アイコン マグカップ --- */
.photo-text-07 {
margin: 0px;
padding: 0px;
background: url(../image/design-photo-028.gif) no-repeat left top;
}

/* --- コンテンツ 写真　画像編集　案内 文字 枠 アイコン 木の葉 --- */
.photo-text-08 {
margin: 0px;
padding: 0px;
background: url(../image/design-photo-029.gif) no-repeat left top;
}


/* ------------------------------------------------------------------- */
/* --- コンテンツ 写真　画像編集 お問合せページリンク 枠 --------------- */
div.photo-page-link-frame {
margin: 0px;
padding: 0px 0px 0px 30px;
text-align: left;
}


/* --- コンテンツ 写真　画像編集 お問合せページリンク ボタン通常 --------------- */
div.photo-page-link {
width: 700px;
height: 88px;
margin: 0px;
padding: 0px;
background: url(../image/design-photo-030.gif) no-repeat;
text-indent: -9999px;
}

/* --- コンテンツ 写真　画像編集 お問合せページリンク リンク--------------- */
div.photo-page-link a {
display: block;
width: 700px;
height: 88px;
margin: 0px;
padding: 0px;
border: 0;
text-decoration: none;
}

/* --- コンテンツ 写真　画像編集 お問合せページリンク 押したとき------------ */
div.photo-page-link a:hover {
background: url(../image/design-photo-031.gif) no-repeat;
text-decoration: none;
}

/* ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- */


/* --- グッズ 購入ページへのリンク --- */
.store-goods-buy- {
margin: 0px;
padding: 6px 0px 0px 7px;
border: 0;
font-size: 14px;
line-height: 100%;
color: #272727;
text-align: left;
}

/* --- グッズ 商品案内 商品名 --- */
.store-goods-text-01- {
margin: 0px;
padding: 0px 0px 4px 0px;
font-size: 14px;
line-height: 150%;
color: #272727;
text-align: left;
}

.store-goods-text-01 a {color: #272727; text-decoration:none;}
.store-goods-text-01 a:visited {color: #5978b0; text-decoration:none; }
.store-goods-text-01 a:active {color: #ff5400; text-decoration:underline; }
.store-goods-text-01 a:hover {color: #ff5400; text-decoration:underline; }

/* --- グッズ 商品案内 文字のピンク --- */
.store-goods-text-pink- {
color: #f9bbde;
}

/* --- グッズ 商品案内 説明文 --- */
.store-goods-text-02- {
margin: 0px;
padding: 0px 50px 8px 0px;
font-size: 14px;
line-height: 150%;
color: #e576bf;
text-align: left;
}

/* ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- */




/* --- コンテンツ 写真 design-photo.html 終わり ------------------------- */
/* ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- */