<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta name="description" content="株式会社モリサキ樹脂は京都の樹脂加工会社です。小さな会社だからこそ、お客様ひとりひとりのお声に親身になってお応えいたします。">
<meta name="keywords" content="株式会社モリサキ樹脂,モリサキ樹脂,もりさきじゅし,京都,伏見,3Dスキャナ,3Dプリンタ,贈り物,プレゼント,ウェルカムドール,ウェディング,ウェディングドール,ウェディングフィギュア,MARIAGE POUPÉE,マリアージュプーペ,オリジナル,オーダー,セミオーダー,アクリレター,あくりれたー,転写,レーザー加工,住宅模型,模型,3D模型">
<title>MARIAGE POUPÉE</title>

<style type="text/css">
body
        {
        width:100%;
        text-align:center;
        margin: 0;
        padding: 30px 0 0 0;
        }
* html body
        {
        overflow: hidden;
        }
#wrap
        { 
        width: 1000px;
        margin: 0 auto;
        text-align: left;
        }
div#headerArea
        { 
        position: fixed !important;
        position: absolute;
        top: 0;
        left: 0; 
        width: 100%;
        height: 200px;
        index: 10000;
        background: #ffffff;
        color: #000000;
        }
#header-in
        {
        width: 10000px;
        margin: 0 auto;
        } 

html div#contentsArea
        {
        height: 100%;
        overflow: auto;
        background-color: #ffffff; 
        }
#page-top
        {
	position: fixed;

	bottom: 30px;

	right: 30px;

	font-size: 77%;
        
}

#page-top a
        {

	background: #000000;

	text-decoration: none;

	color: #ffffff;

	width: 100px;

	padding: 30px 0;

	text-align: center;

	display: block;
	border-radius: 5px;
        
}

#page-top a:hover
        {

	text-decoration: none;

	background: #cccccc;
        
}

img     {
        border: none;
        }
</style>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(function() {

    var topBtn = $('#page-top');
    
topBtn.hide();

    //スクロールが80に達したらボタン表示

    $(window).scroll(function () {

        if ($(this).scrollTop() > 80) {

           topBtn.fadeIn();

        } else {

            topBtn.fadeOut();

        }
    });

    //スクロールしてトップ

    topBtn.click(function () {

        $('body,html').animate({

            scrollTop: 0

        }, 500);

        return false;
 
   });

});

</script>

<style type="text/css">
.viewer
        {
	margin: 0 auto;
	width: 900px;
	height: 400px;
	text-align: left;
        }
.viewer ul
        {
	width: 900px;
	height: 400px;
	text-align: left;
	overflow: hidden;
	position: relative;
        }
.viewer ul li
        {
	top: 0;
	left: 0;
	width: 900px;
	height: 400px;
	display: none;
	position: absolute;
        }
</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script>
$(function(){
	var $setElm = $('.viewer'),
	fadeSpeed = 1500,
	switchDelay = 5000;

	$setElm.each(function(){
		var targetObj = $(this);
		var findUl = targetObj.find('ul');
		var findLi = targetObj.find('li');
		var findLiFirst = targetObj.find('li:first');

		findLi.css({display:'block',opacity:'0',zIndex:'99'});
		findLiFirst.css({zIndex:'100'}).stop().animate({opacity:'1'},fadeSpeed);

		setInterval(function(){
			findUl.find('li:first-child').animate({opacity:'0'},fadeSpeed).next('li').css({zIndex:'100'}).animate({opacity:'1'},fadeSpeed).end().appendTo(findUl).css({zIndex:'99'});
		},switchDelay);
	});
});
</script>

<style type="text/css">
.txt a
        {
        border-bottom: 1px solid rgba(51,255,255,1);
        text-decoration: none;
        transition: color 0.3s, border-color 0.3s;
        }
.txt a:hover
        {
        border-color: rgba(255,255,51,1);
        }
</style>

<style type="text/css">
#wrapper
        {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        padding: 0 50px;
        }
 [name="switch"]
        {
        display: none;
        }
ul, dl, dd
        {
        margin: 0;
        padding: 0;
        }
ul
        {
        list-style: none;
        }
 
/* :::::: button :::::: */
 
.tabBtn
        {
        display: table;
        width: 100%;
        margin: 0 0 5px;
        padding: 0;
        background-color: #ffebeb;
        text-align: right;
        }
.tabBtn li
        {
        display: inline-block;
        width: 50px;
        border-left: 1px solid #ffffff;
        background-color: #ffebeb;
        text-align: center;
        vertical-align: middle;
        }
.tabBtn li label
        {
        display: block;
        cursor: pointer;
        height: 18px;
        padding: 9px 0;
        color: #fff;
        transition: background-color .3s;
        }
.tabBtn li label::before
        {
        content: "";
        display: inline-block;
        overflow: hidden;
        width: 18px;
        height: 18px;
        background: url(img/tab.png) no-repeat;
        }
.tabBtn li label[for="normalList"]::before
        {
        background-position: 0 0;
        }
.tabBtn li label[for="imageList"]::before
        {
        background-position: -30px 0;
        }
.tabBtn li label[for="textList"]::before
        {
        background-position: -60px 0;
        }
.tabBtn li label:hover
        {
        background-color: rgba(102,204,204,1);
        }
 
/* :::::: contents :::::: */
 
.menu li,
.menu dl,
.menu dt,
.menu dd
        {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        }
.menu::after
        {
        content: "";
        display: block;
        clear: both;
        }
.menu li
        {
        float: left;
        width: 25%;
        padding: 2px;
        }
.menu li a
        {
        display: block;
        text-decoration: none;
        background-color: #ffffff;
        transition: color 0.6s, background-color 0.6s, opacity 0.6s;
        }
.menu dl
        {
        position: relative;
        overflow: hidden;
        padding: 10px;
        }
.menu dt,
.menu dd
        {
        text-align: left;
        font-size: 0.8em;
        line-height: 1.6;
        }
.menu img
        {
        width: 100%;
        vertical-align: middle;
        }
.menu .date,
.menu .excerpt
        {
        color: #373039;
        }
.menu .ttl
        {
        margin-bottom: 0.3em;
        font-size: 1em;
        line-height: 1.4;
        color: #33cc99;
        }
.menu .excerpt
        {
        font-size: 0.7em;
        }

/* :::::: normal :::::: */

#normalList:checked ~ .menu li
        {
        width: 50%;
        }
#normalList:checked ~ .menu dl
        {
        height: 140px;
        }
#normalList:checked ~ .menu a:hover
        {
        opacity: 0.6;
        }
#normalList:checked ~ .menu .date
        {
        text-align: left;
        height: 20px;
        }
#normalList:checked ~ .menu .img
        {
        position: relative;
        float: left;
        overflow: hidden;
        width: 40%;
        height: 100px;
        margin-right: 10px;
        margin-bottom: 0.6em;
        }
#normalList:checked ~ .menu .img img
        {
        top: 20%;
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%);
        }
#normalList:checked ~ .menu .img
        {
        z-index: 1;
        }
#normalList:checked ~ .menu dl::after
        {
        content: "";www
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 3em;
        background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
        background-image: linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
        }
 
/* :::::: image :::::: */
 
#imageList:checked ~ .menu .date,
#imageList:checked ~ .menu .ttl
        {
        z-index: 1;
        position: absolute;
        left: 0;
        line-height: 1;
        background-color: rgba(255,255,255,0.9);
        }
#imageList:checked ~ .menu .date
        {
        top: 15px;
        padding: 0.3em 5px 0.15em 15px;
        }
#imageList:checked ~ .menu .ttl
        {
        bottom: 0;
        width: 100%;
        margin: 0;
        padding: 0.5em 15px 15px;
        font-size: 0.8em;
        }
#imageList:checked ~ .menu .excerpt
        {
        display: none;
        }
#imageList:checked ~ .menu .date,
#imageList:checked ~ .menu .ttl
        {
        opacity: 0;
        -webkit-transition: opacity 0.3s, -webkit-transform 0.6s;
        transition: opacity 0.3s, transform 0.6s;
        }
#imageList:checked ~ .menu .date
        {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        }
#imageList:checked ~ .menu .ttl
        {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        }
#imageList:checked ~ .menu a:hover
        {
        background-color: rgba(255,255,255,0.3);
        }
#imageList:checked ~ .menu a:hover .date,
#imageList:checked ~ .menu a:hover .ttl
        {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        transition-duration: 1s, 0.6s;
        }
#imageList:checked ~ .menu .img
        {
        overflow: hidden;
        background-color: #ffffff;
        transition: background-color 0.6s 1s;
        }
#imageList:checked ~ .menu dl .img img
        {
        -webkit-transition: opacity 1s, -webkit-transform 0.3s;
        transition: opacity 1s, transform 0.3s;
        }
#imageList:checked ~ .menu:hover dl .img img
        {
        transition-duration: 1s;
        }
#imageList:checked ~ .menu a:hover .img img
        {
        opacity: 0.6;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        }
 
/* :::::: text :::::: */
 
#textList:checked ~ .menu li
        {
        float: none;
        width: 100%;
        }
#textList:checked ~ .menu li a
        {
        background-color: rgba(255,255,255,0.3);
        }
#textList:checked ~ .menu li a:hover
        {
        background-color: #ffffff;
        }
#textList:checked ~ .menu dl
        {
        padding: 0;
        }
#textList:checked ~ .menu dl::after
        {
        content: "";
        display: block;
        clear: both;
        }
#textList:checked ~ .menu dt,
#textList:checked ~ .menu dd
        {
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        padding: 10px;
        }
#textList:checked ~ .menu .date
        {
        float: left;
        width: 12%;
        margin-right: 2px;
        background-color: #ffffff;
        }
#textList:checked ~ .menu .date span
        {
        display: block;
        font-size: 0.8em;
        line-height: 1.2;
        text-align: center;
        }
#textList:checked ~ .menu .date .day
        {
        font-size: 1.2em;
        }
#textList:checked ~ .menu .date .week
        {
        background-color: #f4f4f4;
        }
#textList:checked ~ .menu .img
        {
        display: none;
        }
#textList:checked ~ .menu .ttl,
#textList:checked ~ .menu .excerpt
        {
        float: right;
        width: calc(88% - 2px);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        }
#textList:checked ~ .menu .ttl
        {
        padding-bottom: 0.3em;
        }
#textList:checked ~ .menu .excerpt
        {
        padding: 0 10px;
        }
 
/* :::::: media queries :::::: */
 
@media screen and (max-width: 480px)
        {
        .menu li
         {
         width: 50%;
         }
         #normalList:checked ~ .menu li
         {
         float: none;
         width: 100%;
         }
         #textList:checked ~ .menu .date
         {
         width: 20%;
         }
         #textList:checked ~ .menu .ttl,
         #textList:checked ~ .menu .excerpt
         {
         width: calc(80% - 2px);
         }
        }
 
/* :::::: fade change :::::: */
 
#normalList:checked ~ .menu
        {
        -webkit-animation: fadeIn1 1s 0s 1;
        animation: fadeIn1 1s 0s 1;
        }
#imageList:checked ~ .menu
        {
        -webkit-animation: fadeIn2 1s 0s 1;
        animation: fadeIn2 1s 0s 1;
        }
#textList:checked ~ .menu
        {
        -webkit-animation: fadeIn3 1s 0s 1;
        animation: fadeIn3 1s 0s 1;
        }
@-webkit-keyframes fadeIn1
        {
        0% { opacity: 0; }
        30% { opacity: 0; }
        100% { opacity: 1; }
        }
@keyframes fadeIn1
        {
        0% { opacity: 0; }
        30% { opacity: 0; }
        100% { opacity: 1; }
        }
@-webkit-keyframes fadeIn2
        {
        0% { opacity: 0; }
        30% { opacity: 0; }
        100% { opacity: 1; }
        }
@keyframes fadeIn2
        {
        0% { opacity: 0; }
        30% { opacity: 0; }
        100% { opacity: 1; }
        }
@-webkit-keyframes fadeIn3
        {
        0% { opacity: 0; }
        30% { opacity: 0; }
        100% { opacity: 1; }
        }
@keyframes fadeIn3
        {
        0% { opacity: 0; }
        30% { opacity: 0; }
        100% { opacity: 1; }
        }
 
/* :::::: mechanism :::::: */
 
#normalList:checked ~ .tabBtn li [for="normalList"],
#imageList:checked ~ .tabBtn li [for="imageList"],
#textList:checked ~ .tabBtn li [for="textList"]
        {
        background-color: #ffcccc;
        }
 
#normalList:checked ~ .menu .date .year::after,
#imageList:checked ~ .menu .date .year::after,
#normalList:checked ~ .menu .date .day::after,
#imageList:checked ~ .menu .date .day::after
        {
        content: ".";
        }
 
#normalList:checked ~ .menu .date .day::after,
#imageList:checked ~ .menu .date .day::after
        {
        margin-right: 0.5em;
        }
</style>

<style type="text/css">
.bnr a
        {
        display: inline-block;
        background: url(img/acryleter5_2.jpg) no-repeat;
        background-size: width="500" height="350";
        }
.bnr a img
        {
        transition: opacity 0.9s;
        }
.bnr a:hover img
        {
        opacity: 0;
        }
.txt a
        {
        border-bottom: 1px solid rgba(51,255,255,1);
        text-decoration: none;
        transition: color 0.3s, border-color 0.3s;
        }
.txt a:hover
        {
        border-color: rgba(255,255,51,1);
        }
</style>

</head>

<body>



<div class="headerArea" align="center">

 <a href="mariage_poupee.html"><img src="img/mp.jpg" alt="ロゴ"></a><br>
<br>
 <a href="mnew.html"><img src="img/new2.jpg" onMouseOver="this.src='img/new3.jpg'" onMouseOut="this.src='img/new2.jpg'" alt="新着情報" hspace="10"></a>
 <a href="mabout.html"><img src="img/aboutm.jpg" onMouseOver="this.src='img/aboutm2.jpg'" onMouseOut="this.src='img/aboutm.jpg'" alt="マリアージュプーペについて" hspace="10"></a>
 <a href="process.html"><img src="img/process.jpg" onMouseOver="this.src='img/process2.jpg'" onMouseOut="this.src='img/process.jpg'" alt="マリアージュプーペができるまで" hspace="10"></a>
 <a href="body.html"><img src="img/body.jpg" onMouseOver="this.src='img/body2.jpg'" onMouseOut="this.src='img/body.jpg'" alt="ボディ情報はこちら" hspace="10"></a>
 <a href="information.html"><img src="img/information.jpg" onMouseOver="this.src='img/information2.jpg'" onMouseOut="this.src='img/information.jpg'" alt="お取り扱い先" hspace="10"></a>
 <a href="media.html"><img src="img/media2.jpg" onMouseOver="this.src='img/media3.jpg'" onMouseOut="this.src='img/media2.jpg'" alt="掲載情報" hspace="10"></a>
 <a href="mcontact.html"><img src="img/contactm.jpg" onMouseOver="this.src='img/contactm2.jpg'" onMouseOut="this.src='img/contactm.jpg'" alt="お問い合わせ" hspace="10"></a>

 <a class="button-twitter" href="http://twitter.com/intent/tweet?text=樹脂加工・オリジナルウェディングドール制作のモリサキ樹脂&amp;url=http://www.morisaki-jushi.jp/" onclick="window.open(encodeURI(decodeURI(this.href)), 'tweetwindow', 'width=550, height=450, personalbar=0, toolbar=0, scrollbars=1, resizable=1' ); return false;" target="_blank"><img src="img/tw.jpg" onMouseOver="this.src='img/tw2.jpg'" onMouseOut="this.src='img/tw.jpg'" alt="ツイート" style="margin-left : 20px;" /></a>
 <a href="https://plus.google.com/share?url=http://www.morisaki-jushi.jp/" onclick="window.open(this.href, 'Gwindow', 'width=650, height=450, menubar=no, toolbar=no, scrollbars=yes'); return false;"><img src="img/gugutasu.jpg" onMouseOver="this.src='img/gugutasu2.jpg'" onMouseOut="this.src='img/gugutasu.jpg'" alt="Google Plus"></a>
 <a href="http://www.facebook.com/share.php?u=http://www.morisaki-jushi.jp/" onclick="window.open(this.href, 'FBwindow', 'width=650, height=450, menubar=no, toolbar=no, scrollbars=yes'); return false;"><img src="img/fb.jpg" onMouseOver="this.src='img/fb2.jpg'" onMouseOut="this.src='img/fb.jpg'" alt="facebook"></a><br>

<br>

 <img src="img/line1000.jpg" alt="線">


</div>



<div id="wrap">



<div id="contentsArea" align="center">

<br>
<br>

<div class="viewer">
 
<ul>
  
<li><img src="img/mtop8.jpg" width="900" height="400" alt="MARIAGE POUPÉE和"></li>
  
<li><img src="img/mtop10.jpg" width="900" height="400" alt="MARIAGE POUPÉE和"></li>
  
<li><img src="img/mtop6.jpg" width="900" height="400" alt="MARIAGE POUPÉE和"></li>
  
<li><img src="img/mtop3.jpg" width="900" height="400" alt="花"></li>
 
 <li><img src="img/top3.jpg" width="900" height="400" alt="MARIAGE POUPÉE"></li>
  
<li><img src="img/mtop5.jpg" width="900" height="400" alt="MARIAGE POUPÉE"></li>
  
<li><img src="img/mtop9.jpg" width="900" height="400" alt="MARIAGE POUPÉE和"></li>
  
<li><img src="img/mtop1.jpg" width="900" height="400" alt="ロゴ"></li>
 
</ul>

</div>

<br>
<br>

 <img src="img/mtop7.jpg" alt="見出し">

<br>
<br>
<br>
<br>
<br>

<div id="wrapper">
  <input type="radio" name="switch" id="normalList" checked>
  <input type="radio" name="switch" id="imageList">
  <input type="radio" name="switch" id="textList">
  <ul class="tabBtn">
    <li><label for="normalList"></label></li>
    <li><label for="imageList"></label></li>
    <li><label for="textList"></label></li>
  </ul>
  <ul class="menu">
    <li><a href="oshirase.html" target="_blank"><dl>
      <dt class="date"><span class="year">2015</span><span class="day">11.24</span><span class="week">Tue</span></dt>
      <dd class="img"><span><img src="img/new151124.jpg"></span></dd>
      <dd class="ttl">＜TOP＞ おしらせ</dd>
      <dd class="excerpt">TOPページにMARIAGE POUPÉEおよびアクリレター販売休止のお知らせを追加いたしました</dd>
    </dl></a></li>
    <li><a href="media.html"><dl>
      <dt class="date"><span class="year">2015</span><span class="day">07.31</span><span class="week">Fri</span></dt>
      <dd class="img"><span><img src="img/new150731.jpg"></span></dd>
      <dd class="ttl">＜MEDIA＞ 掲載情報</dd>
      <dd class="excerpt">MARIAGE POUPÉEの情報を読売新聞にて掲載していただきました。</dd>
    </dl></a></li>
    <li><a href="media.html"><dl>
      <dt class="date"><span class="year">2015</span><span class="day">04.07</span><span class="week">Tue</span></dt>
      <dd class="img"><span><img src="img/new150407.jpg"></span></dd>
      <dd class="ttl">＜MEDIA＞ 掲載情報</dd>
      <dd class="excerpt">MARIAGE POUPÉE和の情報をブライダル産業新聞にて掲載していただきました。</dd>
    </dl></a></li>
    <li><a href="media.html"><dl>
      <dt class="date"><span class="year">2015</span><span class="day">03.31</span><span class="week">Tue</span></dt>
      <dd class="img"><span><img src="img/new150331.jpg"></span></dd>
      <dd class="ttl">＜MEDIA＞ 掲載情報</dd>
      <dd class="excerpt">MARIAGE POUPÉE和の情報を国際ホテル旅館にて掲載していただきました。</dd>
    </dl></a></li>
</div>

<br>
<br>

 <table border="0" td width="900" td height="50"><td valign="top" align="center"><div id="wrapper" p class="txt"><a href="oshirase.html" style="color:#000000;text-decoration:none" target="_blank"><font size="3"><b>　MARIAGE POUPÉE・アクリレター販売休止のお知らせ　</b></font></a></div></td></table>

<br>
<br>

 <img src="img/pickup.jpg" alt="ピックアップ">

<br>
<br>
<br>
<br>

 <a href="body.html"><img src="img/riri_su.jpg" alt="「MARIAGE POUPÉE 和」リリース"></a>

<br>
<br>
<br>
<br>
<br>

 <img src="img/line900.jpg" alt="線"><br>

<br>
<br>
<br>
<br>
<br>

 <table border="0" td width="900">
  <tr>
   <td width="500"><p class="bnr"><a href="acryleter.html" target="_blank"><img src="img/acryleter5.jpg" alt="アクリレター専用ページへ"></a></p></td>
   <td width="400"><img src="img/acryleter6.jpg" alt="アクリレター見出し"></td>
  </tr>
 </table>

<br>
<br>
<br>
<br>
<br>
<br>

 <font size="1">Copyright (C) 2014 Morisaki Jushi co. Ltd. All Rights Reserved.</font>
 <p id="page-top"><a href="#wrap">PAGE TOP</a></p>


<br>
<br>

</div>



</div>



</body>
</html>