﻿/*ultra使用*/



html			{	text-align:center;	width:100%;	height:100%; }
body			{	width:100%; height:100%;	margin: 0px;	padding:0px;	text-align:center;
	background-image:url(../ultra_img/ultra_back1.png);
	
/*-- スマホ文字サイズ固定=100%  */
-webkit-text-size-adjust: 130%;		
	
		  }
		  
 
		  
		  
body.top		{	width:100%; height:100%;	margin: 0px;	padding:0px;	text-align:center;
	background-image:url(../ultra_img/ultra_backtop.png);	  }
body.top2		{	width:100%; height:100%;	margin: 0px;	padding:0px;	text-align:center; background-image:none;  }
body.top3		{	width:100%; height:100%;	margin: 0px;	padding:0px;	text-align:center;
	background-image:url(../ultra_img/ultra_back_mothers.gif);	  }
body.top4		{	width:100%; height:100%;	margin: 0px;	padding:0px;	text-align:center;
	background-image:url(../ultra_img/ultra_back_fathers.gif);	  }
body.top5		{	width:100%; height:100%;	margin: 0px;	padding:0px;	text-align:center;
	background-image:url(../ultra_img/ultra_back_enji.png);
	background-repeat:repeat;
	backgroud-size: cover;
	}
	
body.top6		{	width:100%; height:100%;	margin: 0px;	padding:0px;	text-align:center;
	background-image:url(../ultra_img/ultra_back01.png);
	background-repeat:repeat;
	backgroud-size: cover;
	}

img				{	border:0;	margin: 0px;	vertical-align:middle;	}
p				{	font-size:14px;	color:#000000; font-family:"Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Yu Mincho", YuMincho, "游明朝", "HGS明朝B", "ＭＳ Ｐ明朝", "MS PMincho", serif;
line-height:150%;} 


li   {font-size: 13px; font-size: 1.4rem;}



/*-- ひし形背景重ね =================================================== */
#hishi{  margin:0 auto;  background-image:url(../ultra_img/ultra_back2.png); background-repeat:repeat; position:relative;/*相対位置で指定する*/}
/*-- ひし形背景重ね =================================================== */

/*-- ITEMひし形背景重ね =================================================== */
#hishi3{  margin:0 auto;  background-image:url(../ultra_img/ultra_back3.png); background-repeat:repeat; position:relative;/*相対位置で指定する*/}
/*-- ひし形背景重ね =================================================== */

/*-- 線背景重ね =================================================== */
#sen1{  margin:0 auto;  background-image:url(../ultra_img/noise_sen2.png); background-repeat:repeat; position:relative;/*相対位置で指定する*/}
/*-- ひし形背景重ね =================================================== */


/*-- クリスマスひし形背景重ね =================================================== */
#hishi4{  margin:auto 50;  background-image:url(../ultra_img/item_xmas00.png); 
background-position: 50% 0%; 
background-repeat:repeat; 
position:relative;/*相対位置で指定する*/}

#hishi5{  margin:auto 50; background-image:url(../ultra_img/item_xmas000.png); 
background-position: 50% 0%;            /* 背景画像の位置は画面中央 */
background-repeat:repeat-y;}




/*-- ニュー背景 =================================================== */
#ultra_back01 {  margin:0 auto;  background-image:url(../ultra_img/ultra_back01.png); background-repeat:repeat; position:relative;/*相対位置で指定する*/}
#ultra_back02 {  margin:0 auto;  background-image:url(../ultra_img/ultra_back02.png); background-repeat:repeat; position:relative;/*相対位置で指定する*/}
#ultra_back03 {  margin:0 auto;  background-image:url(../ultra_img/ultra_back03.png); background-repeat:repeat; position:relative;/*相対位置で指定する*/}
#ultra_back04 {  margin:0 auto;  background-image:url(../ultra_img/ultra_back04.png); background-repeat:repeat; position:relative;/*相対位置で指定する*/}
/*-- ニュー背景 =================================================== */




/*-- newtopページ ================================================================================================================= */

#sirokuro{  margin:0 auto; background-image:url(../ultra_img/ultra_back_top.gif); 
background-position: 50% 0%;            /* 背景画像の位置は画面中央 */
background-repeat:repeat-y;}

#saiji{  margin:0 auto; background-image:url(../ultra_img/ultra_back_top_201511.png); 
background-position: 50% 0%;            /* 背景画像の位置は画面中央 */
background-repeat:repeat;}

#xmas{  margin:0 auto; background-image:url(../ultra_img/ultra_back_winter.gif); 
background-position: 50% 0%;            /* 背景画像の位置は画面中央 */
background-repeat:repeat;}

#xmas_item{  margin:0 auto; background-image:url(../ultra_img/ultra_back_xmas.gif); 
background-position: 50% 0%;            /* 背景画像の位置は画面中央 */
background-repeat:repeat;}

#sixth_back{  margin:0 auto; background-image:url(../ultra_img/6th_back.png); 
background-position: 50% 4%;            /* 背景画像の位置は画面中央 */
background-repeat:repeat-x;}


/* 背景白用============================ */
#sirokuro2{  margin:0 auto; background-image:url(../ultra_img/ultra_back_top2.gif); 
background-position: 50% 0%;            /* 背景画像の位置は画面中央 */
background-repeat:repeat;}

#sirokuro201609{  margin:0 auto; background-image:url(../ultra_img/ultra_back_top201609.gif); 
background-position: 50% 0%;            /* 背景画像の位置は画面中央 */
background-repeat:repeat;}

body.shiro		{	width:100%; height:100%;	margin: 0px;	padding:0px;	text-align:center;
	background-image:url(../ultra_img/ultra_back_shiro.png);
	background-repeat:repeat;
	backgroud-size: cover;	  }

body.sixth		{	width:100%; height:100%;	margin: 0px;	padding:0px;	text-align:center;
	background-image:url(../ultra_img/6th_back.gif);	  }
	
/* ============================背景白用 */	
	
/* 背景エンジ用============================ */
#sirokuro3{  margin:0 auto; background-image:url(../ultra_img/ultra_back_top3.gif); 
background-position: 50% 0%;            /* 背景画像の位置は画面中央 */
background-repeat:repeat-y;}

body.enji		{	width:100%; height:100%;	margin: 0px;	padding:0px;	text-align:center;
	background-image:url(../ultra_img/ultra_back_enji.png);	  }
	
/* 背景あお用============================ */
#sirokuro4{  margin:0 auto; background-image:url(../ultra_img/ultra_back_top4.gif); 
background-position: 50% 0%;            /* 背景画像の位置は画面中央 */
background-repeat:repeat-y;}

body.blue		{	width:100%; height:100%;	margin: 0px;	padding:0px;	text-align:center;
	background-image:url(../ultra_img/ultra_back_blue.png);	  }
	
	
	
#sirokuro_winter{  margin:0 auto; background-image:url(../ultra_img/ultra_back_top0.gif); 
background-position: 50% 0%;            /* 背景画像の位置は画面中央 */
background-repeat:repeat-y;}
	
	
#sixth_top{  margin:0 auto; background-image:url(../ultra_img/ultra_back_top.png); 
background-position: 50% 0%;            /* 背景画像の位置は画面中央 */
background-repeat:repeat-y;}
	
	
	
	
		
	

#bodySec{width: 900px; height:100%; margin:auto; }

#topvisual{padding: 0px 0 20px 0 ;}
#column1 { float: left;  width: 550px; text-align: left; margin:0 0 20px 0; }
#column2 { float: right; width: 300px; padding: 0px 0 0; }

#leftback01{ margin:auto; padding: 0px; width: 550px;}
#leftback02{ margin:0; padding: 10px 60px 10px 60px; width: 550px; background-image:url(../ultra_img/top_left_back02.png); 
background-position: 0% 0%;            /* 背景画像の位置は画面中央 */
background-repeat:repeat-y;}

.leftnews{ margin:0px 0px 0px 0px; padding: 0px 0px 1px 0px; width:430px;
word-wrap:break-all; background-image: url(../ultra_img/left_line.gif); background-repeat:no-repeat; background-position:50% 100%; text-align:center;
}
p.leftnews_day	 { font-size:12px;	color:#111111; text-align:left; }
span { font-size:110%;	color:#FF0000; font-weight:bold; }


#m_index					{	margin: auto; width: 900px;		text-align:center;}
div.main_index				{	margin: auto; width:900px;	text-align:center;}


#top_right2{  margin:0 auto; background-image:url(../ultra_img/top_right02.png); 
background-position: 50% 0%;            /* 背景画像の位置は画面中央 */
background-repeat: no-repeat;
width:300px;
height:300px;
padding-top:70px;
padding-right:200px;
margin-left:-100px;}

#top_right2_long{  margin:0 auto; background-image:url(../ultra_img/top_right02_long.png); 
background-position: 50% 0%;            /* 背景画像の位置は画面中央 */
background-repeat: no-repeat;
width:300px;
height:300px;
padding-top:50px;
padding-right:200px;
margin-left:-100px;}

.top_right2_frm_calendar	{	width: 300px;	height: 340px; margin:10px 0 10px 0;	text-align:center;	scrolling:no;	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px;  OVERFLOW: hidden; BORDER-TOP: 0px; BORDER-RIGHT: 0px;		}

p.leftnews_staff	 { font-size:85%;	color:#666666;  text-align:center; padding:8px; border:1px solid #999999; width:410px; }

.posi-1    {  
    position: relative;  
    top: -800px;  
    left: 200px; 
	margin-bottom:-100px; 
}  
.posi-2    {  
	position: relative; 
    top: -450px;  
    left: -400px; 
	margin-bottom:-100px;  
}








/*-- ページフェード効果 =================================================== */

#pagefade			{	display:none; }

/*-- ページフェード効果 =================================================== */

/*-- ページ読み込みローディング効果 =================================================== */

#loader {
    width: 100px;
    height: 60px;
    display: none;
    position: fixed;
    _position: absolute; /* IE6対策 */
    top: 50%;
    left: 50%;
    margin-top: -30px; /* heightの半分のマイナス値 */
    margin-left: -50px; /* widthの半分のマイナス値 */
    z-index: 100;
}

#fade {
    width: 100%;
    height: 100%;
    display: none;
    background-color: #FFFFFF;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 50;
}

/*-- ページ読み込みローディング効果 =================================================== */














/*--ヘッダー=================================================== */

#h					{	margin: auto; width: 100%;	height:180px; padding-top:0px; text-align:center;  }

.ultra_in_menutop 	{
	width: 100%;
	height: 180px;
	text-align: center;
	sandbox: allow-forms;
	allowtransparency: true;
	scrolling: no;
	frameborder: no;
}
.ultra_frm_header	{	width: 100%;	height: 180px;	text-align:center;	scrolling:no;	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px;  OVERFLOW: hidden; BORDER-TOP: 0px; BORDER-RIGHT: 0px;		}

/* =================================================== */


/*--フッター=================================================== */

#f					{	margin: auto; width:100%;	height:70px; margin-top: 30px; clear: both;}
.ultra_in_footer 	{	width: 100%;	height: 70px;	text-align:center;	sandbox:allow-forms;	allowtransparency:true;	scrolling:no;	frameborder:no;								}
.ultra_frm_footer	{	width: 100%;	height: 70px;	text-align:center;	scrolling:no;	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px;  OVERFLOW: hidden; BORDER-TOP: 0px; BORDER-RIGHT: 0px;		}

/* =================================================== */





/*--インデックスページベース=================================================== */

div.box_ultra_index		{	padding: 1%; text-align:center; max-height: 90%;}
div.box_ultra_index2	{	padding: 1%; text-align:center;	max-height: 10%;}
div.box_ultra_index3	{	text-align:center; width: 900px;}


img.ultra_index1	{	text-align:center; margin: auto; padding:0px; border: 0px ; min-width: 70%;}
img.ultra_index2	{	text-align:center; margin: auto; padding:0px; border: 0px ; height:1500px; max-height: 82%;}
img.ultra_index3	{	text-align:center; margin: auto; padding:1%;  border: 0px ; height: 50px; max-height: 10%;}
img.ultra_index4	{	text-align:center; margin: auto; padding:0px; border: 0px ; height: 20px; max-height: 10%;}

img.ultra_index5	{	text-align:center; margin: auto; padding:0px; border: 0px ;  width:700px;}
img.ultra_index6	{	text-align:center; margin: auto; padding:0px;  border: 0px ; width: 120px;}
img.ultra_index7	{	text-align:center; margin: auto; padding:0px;  border: 0px ; width: 120px;}
img.ultra_index8	{	text-align:center; margin: auto; padding:0px;  border: 0px ; width: 530px;}

div.box_haichi1 {width:110px; position: absolute; top: 30px; left: 160px; }
div.box_haichi2 {width:300px; position: absolute; top: -187px; left: 310px; }
div.box_haichi3 {width:900px; position: absolute; top: -52px; left: 0px; }
div.box_haichi4 {width:300px; position: absolute; top: -134px; left: 602px; }
div.box_haichi5 {width:110px; position: absolute; top: 5%; left: 20%; }

#holder{
	width:900px;
	max-width:100%;
	max-height:100%;
	position:relative;
	border-radius:3px;
	border:0px solid #2e5594;
	margin:auto;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}



body.index_back		{	width:100%; height:750px;	margin: 0px;	padding:0px;	text-align:center;
	background-image:url(../ultra_img/ultra_back4.png); }


.ultra_in_menutop2 	{
	width: 100%;
	height: 180px;
	text-align: center;
	sandbox: allow-forms;
	allowtransparency: true;
	background-image:url(../ultra_img/ultra_head_back.png);
	background-repeat:repeat-x;	
	
}


.header			{
	width: 900px;
	height: 180px;
	text-align: center;
	margin: 0px;
	padding: 0px
	/*			;
	background-image: url(../ultra_img/ultra_header.png);
	*/
}

img.ultra_menulist	{
	height: 14px;
	text-align: center;
	margin: 0px;
	padding-top: 2px;
	padding-right: 16px;
	padding-left: 16px;
	padding-bottom: 2px;
	border: 0px;
}


/*--インデックス2015=================================================== */
/*--インデックス2017=================================================== */


.sample{
  height: 100%;
  margin:auto;
  border:0px solid #f00;
  text-align:center;
	}
#box1,#box2,#box3{
	height: 90%;
	margin:auto;
	border:0px solid #f00;
	}
	
img.topmein {   
  height: 80%;
  width:auto;
  margin-top:5%;
}

img.topmein2 {   
  height: 70%;
  width:auto;
  margin-top:30px;
}


@media only screen and (max-width:728px){
img.topmein {   
  height:auto;
  width:100%;
  margin-top:20%;
  margin-bottom:20%;
}

#box1,#box2,#box3{
  height:100%;
  width:100%;
	}
	

}

/*--インデックス2015.02=================================================== */

img.topmein1502 {   
  width:45%;
  margin-top:0%;
}

#box_sub1{
	position:absolute;
  	margin:0 auto;
	width: 99%;
	height: 99%;
	border:0px solid #f00;
}


/*--告知楕円 ==== */

#posi_1{
	position:absolute;
	top:0;
	left:0;
	border:0px solid #f00;
	width:40%;
	height:40%;	
}

img.topsub_1 {   
  width:40%;
  position:absolute;
  bottom: 30px;
  right: 30px;
}

#posi_2{
	position:absolute;
	bottom:0;
	left:0;
	border:0px solid #f00;
	width:40%;
	height:60%;	
}

img.topsub_2 {   
  width:40%;
  position:absolute;
  top: 10px;
  right: 60px;
}

#posi_3{
	position:absolute;
	top:0;
	right:0;
	border:0px solid #f00;
	width:40%;
	height:40%;	
}

img.topsub_3 {   
  width:40%;
  position:absolute;
  bottom: 30px;
  left: 30px;
}

#posi_4{
	position:absolute;
	bottom:0;
	right:0;
	border:0px solid #f00;
	width:40%;
	height:60%;	
}

img.topsub_4 {   
  width:40%;
  position:absolute;
  top: 10px;
  left: 60px;
}



@media only screen and (max-width:800px){

img.topmein1502 {     
  width:96%;
  margin-top:20px;
}

#box_sub1{
	position:relative;
  	margin:0 auto;
	width: 95%;
	height: 95%;
	border:0px solid #f00;
	padding-top:400px;
}

/*--告知楕円 スマホ ==== */

#posi_1,#posi_2,#posi_3,#posi_4{
	position:relative;
	top:0;
	left:0;
	border:0px solid #f00;
	width:100%;
	height: 36%;
}

img.topsub_1,img.topsub_2,img.topsub_3,img.topsub_4 {   
  width:50%;
  position:relative;
  top: 0px;
  right: auto;
  left: auto;
}

}





/* =================================================== */



/*--メインページベース=================================================== */

#m					{	margin: auto; width: 900px;		text-align:center;}
div.main				{	margin: auto; width:900px;	text-align:center;}
#mtop					{	margin: auto; 	text-align:center;}
div.maintop				{	margin: auto; 	text-align:center;}



.ultra_menu_large	{
	text-align: center;
	margin: 10px 0 0 0;
	height: 50px;
}
.ultra_menu_large img	{
	text-align: center;
	height: 24px;
	margin-top:-2px;
	margin-bottom:8px;
}

.ultra_menu_large2	{
	text-align: center;
	margin: 30px 0 20px 0;
}
.ultra_menu_large2 img	{
	text-align: center;
	height: 30px;
	margin-top:10px;
}

/* =================================================== */


/*--アクセス=================================================== */
/* =================================================== */


/*--ニュース=================================================== */

img.ultra_makimono	{	text-align:center; margin: 0px; padding:0px; border: 0px ; width:900px; height:40px;　}

div.ultra_makimono_back	{	width:900px; background-image:url(../ultra_img/ultra_makimono_2_new.png);	background-repeat:repeat-y; padding:0px; margin:0px;	text-align:center;	 }








div.box_ultra_news1	 { 	word-wrap:break-all; background-image: url(../ultra_img/kazarikei.png); background-repeat:no-repeat; background-position:50% 0%; margin:0px 70px 0px 55px; padding:20px 50px 20px 50px; text-align:center;}

div.box_ultra_news1_old	 { 	word-wrap:break-all; background-image: url(../ultra_img/kazarikei.png); background-repeat:no-repeat; background-position:50% 0%; margin:0px 90px 0px 90px; padding:20px 70px 20px 70px; text-align:center;}


img.new { float: left; margin-right:-100px; width: 80px;}
img.dm { float: right; margin-left:30px; width: 200px;}
img.news_photo { margin-left:30px; width: 200px;}
img.news_photo2 { margin-bottom:30px; margin-left:15px; margin-left:15px; width: 200px;}
img.news_photo3 { margin-bottom:30px; margin-left:15px; margin-left:15px; width: 126px;}
img.news_photo4 { margin-bottom:30px; margin-left:15px; margin-left:15px; height: 200px;}
img.news_click	{margin: auto; padding:1%;  border: 0px ; height: 20px; }

img.news_photo5 { margin-bottom:30px; margin-left:15px; margin-left:15px; width: 250px;}

/* =================================================== */

/*--ニュースフォント=================================================== */

p.news_day	 { font-size:12px;	color:#111111; }
p.news_topics	 { font-size:18px;	color:#FF0000; font-weight:bold; }

p.news_content1	 { font-size:16px;	color:#222222;  text-align:left; }
p.news_content2	 { font-size:14px;	color:#333333;  text-align:left; }
p.news_content2	a { color:#999999;  text-align:left; text-decoration:none; }
p.news_content3	 { font-size:14px;	color:#444444;  text-align:left; } 
p.news_content3	a { color:#999999;  text-align:left; text-decoration:none; }
p.news_content4	 { font-size:14px;	color:555555;  text-align:left; }
p.news_content5	 { font-size:14px;	color:#666666;  text-align:center; padding:8px; border:1px solid #999999; width:330px;} 
p.news_content6	 { font-size:14px;	color:#666666;  text-align:center; padding:8px; border:1px solid #999999; } 


.news_line {
	font-size:12px;	
	color:#222222; 
	font-weight:500; 
	line-height:1.2;
	border:solid 1px;
    display: inline-block;
	margin-left:10px;
	padding:5px 10px 5px 10px;
}





/* =================================================== */

/*--コンセプトフォント=================================================== */

p.concept_font	 { font-size:18px;	color:#000000; font-weight:600; line-height:200%; letter-spacing:0.8pt; }
#concept_red	 { color:#FF0000; }


/* =================================================== */



/*--ギャラリーカード傾け=================================================== */

img.card1 {width: 150px; margin-left:-30px; margin-top:10px;
transform: rotate(20deg);
-ms-transform: rotate(20deg);
-moz-transform: rotate(20deg);
-webkit-transform: rotate(20deg);
z-index:1; }

img.card2 {width: 150px; margin-left:10px; margin-top:-10px;
transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
z-index:1; }

img.card3 {width: 150px; margin-left:-20px; margin-top:-20px;
transform: rotate(10deg);
-ms-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-webkit-transform: rotate(10deg);
z-index:1; }

img.card4 {width: 150px; margin-left:10px; margin-top:10px;
transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
-moz-transform: rotate(-20deg);
-webkit-transform: rotate(-20deg);
z-index:1; }

a {
	text-decoration:none;
}

/* =================================================== */

/*--ギャラリーカード写真小============================ */

img.card_motif01 {width:120px; margin-left:-140px;  margin-top:45px;  position:absolute; z-index:2; }


/*--ギャラリー大写真ベース============================ */

body.garelly_cake_up	{	width:300px; background:none;	text-align:center;	overflow: hidden; }

div.garelly_haichi		{ 	width:300px;  height:630px; word-wrap:break-all; background-image: url(../ultra_img/garelly_large_back.png); background-repeat:no-repeat; background-position:50% 100%; position: relative; }

.garelly_wrapper{
    position: relative;
    width: 300px;
    height: 630px;
	background-image: url(../ultra_img/garelly_large_back.png); 
	background-repeat:no-repeat; 
	background-position:50% 100%;
	}
.garelly_wrapper2{
    width: 300px;
    height: 450px;
	padding-top:180px;
	}


.cont_img_unit{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 0px 0px 0px 0px ;
  width: 300px;
  height: 450px;
}

.cont_img_unit img{
  max-height: 300px;
  max-width: 300px;
}


/* =================================================== */





/*--メディア、コンセプトベース=================================================== */

img.ichimai {width: 700px; margin:10px; }

div.media_box	{	width:760px;	margin:0px 100px 0px 100px;	text-align:center;}







/* =================================================== */

/*--メディアカード傾け=================================================== */

img.media1 {width: 550px; margin-right:260px; margin-top:40px;
transform: rotate(-8deg);
-ms-transform: rotate(-8deg);
-moz-transform: rotate(-8deg);
-webkit-transform: rotate(-8deg); }

img.media2 {width: 550px; margin-left:260px; margin-top:-60px;
transform: rotate(-4deg);
-ms-transform: rotate(-4deg);
-moz-transform: rotate(-4deg);
-webkit-transform: rotate(-4deg); }

img.media3 {width: 550px; margin-right:260px; margin-top:-40px;
transform: rotate(8deg);
-ms-transform: rotate(8deg);
-moz-transform: rotate(8deg);
-webkit-transform: rotate(8deg); }


/* =================================================== */




/*--アイテムベース=================================================== */

#m2					{	margin: auto; width: 100%;	}
div.main2				{	width:100%;	text-align:center; }
/*--
div.item_tana			 { 	width:100%;	height: 250px;  background-image: url(../ultra_img/item_tana.png); background-repeat:repeat-x; background-position:100% 100%; position : relative ; }
*/
div.item_tana2			 { 	width:100%;	height: 200px;  position:relative ; }

img.item_cake			 { 	width:120px; word-wrap:break-all; background-image: url(../ultra_img/item_dodai.png); background-repeat:no-repeat; background-position:50% 100%; margin:0px 10px 40px 10px; padding:10px 30px 40px 30px; 
vertical-align:bottom; word-wrap:break-all; }

div.item_cake_retsu1
{
width : 100%;
position : absolute ;
bottom : 0 ;
left: 0 ;}


img.item_lunch			 { 	width:140px; word-wrap:break-all; margin:100px 10px 10px 10px; padding:0px; 
vertical-align:bottom; word-wrap:break-all;  }

img.item_lunch2			 { 	width:140px; word-wrap:break-all; margin:30px 10px 10px 10px; padding:0px; 
vertical-align:bottom; word-wrap:break-all;  }


/* =================================================== */

/*--アイテム大写真ベース==================================================================== */

body.item_cake_up	{	width:500px; background:none;	text-align:center;	overflow: hidden; }

div.item_haichi		{ 	width:500px;  height:600px; word-wrap:break-all; background-image: url(../ultra_img/item_dodai.png); background-repeat:no-repeat; background-position:50% 80%; margin:10px 10px 10px 10px; padding:10px 10px 10px 10px; }

/*--アイテム拡大カード傾け=================================================== */

img.item_cake_up_1	{ 	width:200px; margin:0px 0px 30px 50px;
transform: rotate(10deg);
-ms-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-webkit-transform: rotate(10deg);
 }

img.item_tag_1		{ 	width:250px;   margin:0px 0px 20px 20px; 
transform: rotate(10deg);
-ms-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-webkit-transform: rotate(10deg);
 }

img.item_cake_up_2	{ 	width:200px; margin:0px 0px 30px -50px;
transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
 }

img.item_tag_2		{ 	width:250px;   margin:0px 0px 20px 70px; 
transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
 }


/* =================================================== */


/* =================================================== */


.item_wrapper{
    position: relative;
    width: 500px;
    height: 500px;
	align-items:center;
	margin-bottom: 0px;
	/*
    border: 3px solid black;
	*/
}

.item_wrapper2{
    position: relative;
    width: 500px;
    height: 580px;
	align-items:center;
	margin-bottom: 0px;
	/*
    border: 3px solid black;
	*/
}



.item_dodaihaichi{
    width: 100%;
    height: 100%;
    background-image: url("../ultra_img/item_dodai.png");
	background-repeat:no-repeat; 
	background-position:50% 75%;
}

.item_label_box{
    width: 100%;
    position: absolute;
    bottom: 0px;
	left:0;
	padding-bottom:0px;
	/*
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
	*/
  

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.item_cake_box{
	width: 100%;
    position: absolute;
    bottom: 120px;
	left:0;
	/*
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 2px 15px;
    font-size: 13px;
	*/

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}


/*-- ヴァレンタイン背景重ね =================================================== */
#vale4{  margin:0 auto;  background-image:url(../ultra_img/item_vale00.png); background-repeat:repeat; position:relative;/*相対位置で指定する*/}
#hishi5{  margin:auto 50; background-image:url(../ultra_img/item_xmas000.png); 
background-position: 50% 0%;            /* 背景画像の位置は画面中央 */
background-repeat:repeat-y;}


#halloween{  margin:0 auto;  background-image:url(../ultra_img/item_halloween00.png); background-repeat:repeat; position:relative;/*相対位置で指定する*/}


















/*--オーダーケーキカード傾け=================================================== */

img.card_order1 {width: 230px; margin-left:-5px; margin-top:10px;
transform: rotate(20deg);
-ms-transform: rotate(20deg);
-moz-transform: rotate(20deg);
-webkit-transform: rotate(20deg); }

img.card_order2 {width: 230px; margin-left:-30px; margin-top:-10px;
transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg); }

img.card_order3 {width: 230px; margin-left:0px; margin-top:-20px;
transform: rotate(8deg);
-ms-transform: rotate(8deg);
-moz-transform: rotate(8deg);
-webkit-transform: rotate(8deg); }

img.card_order4 {width: 230px; margin-left:10px; margin-top:10px;
transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
-moz-transform: rotate(-15deg);
-webkit-transform: rotate(-15deg); }

img.order_chuui {height:16px; margin-bottom:20px; }
img.order_chuu2 {width:600px; margin-bottom:20px; margin-top:40px; }

/* =================================================== */

/*--オーダーケーキカレンダー=================================================== */
table.calendar1{
	width:auto;
	height:auto;
	border-collapse:collapse;
	text-align:center;
	margin:50px 100px 50px 100px;
}
table.calendar1 td,table.calendar1 th{
	border:0px solid #696969;
	padding:5px;
}
table.calendar1 th{
	width:20%;
	font-weight:normal;
	background:no;
	text-align:center;
}



table.calendar2{
	width:100%;
	height:auto;
	margin:0 auto;
	border-collapse:collapse;
	text-align:center;
}
table.calendar2 td,table.calendar2 th{
	border:0px solid #696969;
	padding:0px;
}
table.calendar2 th{
	width:20%;
	font-weight:normal;
	background:no;
	text-align:center;
}

div.under{	padding:20px; }

img.year {	width:50px;  margin: 0px;　padding:0px; vertical-align:auto;}
img.month {	width:100px;  margin: 0px;　padding:0px; vertical-align:auto;}
img.setsumei {	width:300px;  margin: 0px;　padding:0px; vertical-align:auto;}
img.day { height:40px;  margin: 10px;　padding:0px; vertical-align:middle;}
img.week { height:16px;  margin: 10px;　padding:0px; vertical-align:middle;}
img.hand {	height:20px;  margin: 30px;　padding:0px; vertical-align:middle;}
img.hand2 {	height:20px; margin-left:10px;　padding:0px; vertical-align:middle;}

img.order_chuu3 {width:550px; margin-bottom:40px; margin-top:40px; }

img.order_chuu4 {height:30px; margin-bottom:20px; margin-top:20px; }


img.order_list {width:640px; margin-bottom:20px; margin-top:20px; }
/* =================================================== */

table.calendar3{
	width:50%;
	height:auto;
	border-collapse:collapse;
	text-align:center;
	margin:0 auto;
}

table.calendar4{
	width:60%;
	height:auto;
	margin:0 auto;
	border-collapse:collapse;
	text-align:center;
}


#c					{	margin: auto; width: 100%;	height:550px; padding-top:0px; text-align:center;  }
.ultra_frm_calendar	{	width: 100%;	height: 550px;	text-align:center;	scrolling:no;	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px;  OVERFLOW: hidden; BORDER-TOP: 0px; BORDER-RIGHT: 0px;		}

#jan {width:auto; height:600px; margin:0 auto; padding:10px; text-align:center;}
#feb {width:auto; height:600px; margin:0 auto; padding:10px; text-align:center;}
#mar {width:auto; height:600px; margin:0 auto; padding:10px; text-align:center;}
#apr {width:auto; height:600px; margin:0 auto; padding:10px; text-align:center;}
#may {width:auto; height:600px; margin:0 auto; padding:10px; text-align:center;}
#jun {width:auto; height:600px; margin:0 auto; padding:10px; text-align:center;}
#jul {width:auto; height:600px; margin:0 auto; padding:10px; text-align:center;}
#aug {width:auto; height:600px; margin:0 auto; padding:10px; text-align:center;}
#sep {width:auto; height:600px; margin:0 auto; padding:10px; text-align:center;}
#oct {width:auto; height:600px; margin:0 auto; padding:10px; text-align:center;}
#nov {width:auto; height:600px; margin:0 auto; padding:10px; text-align:center;}
#dec {width:auto; height:600px; margin:0 auto; padding:10px; text-align:center;}


/*オーダーフォーム用*//* =================================================== */
/* =================================================== */
/* =================================================== */
/* =================================================== */
/* =================================================== */

#m3					{	margin: auto; width: 800px;	}
div.main3			{	width:800px;	text-align:center;}

div.ultra_order_back			{	width:800px;  height:100%;	background-image:url(../ultra_img/ultra_order_back2.png);	background-repeat:repeat-y; margin: 0px;	padding:0px;	text-align:center;	  	}

img.ultra_order_kami1		{	text-align:center; margin: 0px 0px 0px 0px; padding:0px; border: 0px ; width:800px;　}

div.box_ultra_order1	 { 	width:auto;  word-wrap:break-all; margin:0px 20px 0px 20px; padding:0px 60px 0px 60px; 
text-align:left;}





img.photo1			{	width:300px; border:0;	margin: 10px 0 20px 0;	vertical-align:middle;	}
img.photo2			{	height:30px; border:0;	margin: 20px;	vertical-align:middle;	}
img.photo3			{	height:15px; border:0;	margin: 0px;	vertical-align:middle;	}
img.photo4			{	width:100px; border:0;	margin: 10px;	vertical-align:middle;	}
img.photo5			{	width:120px; border:0;	margin: 10px;	vertical-align:middle;	}
img.photo6			{	width:400px; border:0;	margin: 10px;	vertical-align:middle;	}
img.photo22			{	height:30px; border:0;	margin: 20px;	vertical-align:middle;	}



#formWrap {
	width:auto;
	margin:0 auto;
	text-align:center;
}
#hissu {
	font-size:80%;
	color:#FF0000;
}
#bold {
	font-weight:bold;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
	text-align:left;
}
table.formTable td,table.formTable th{
	border:1px solid #DCDCDC;
	padding:10px;
}
table.formTable th{
	width:20%;
	font-weight:normal;
	background:no;
	text-align:left;
}


table.formTable2{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
	text-align:left;
}

table.formTable2 td{
	border:1px solid #DCDCDC;
	padding:10px;
}
table.formTable2 th{
	width:140px;
	font-weight:normal;
	background:none;
	text-align:left;
	border:1px solid #DCDCDC;
	padding:10px;
}

div.formTable3{
	
	border-collapse:collapse;
	text-align:left;
	padding:0px 10px 0px 10px;
	background:#FCDEDE;
	vertical-align:middle;
}



table.formTable4{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
	text-align:left;
	font-family: font-family:"Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Yu Mincho", YuMincho, "游明朝", "HGS明朝B", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

table.formTable4 td{
	border:1px solid #DCDCDC;
	padding:10px;
}
table.formTable4 th{
	width:200px;
	font-weight:normal;
	background:none;
	text-align:left;
	border:1px solid #DCDCDC;
	padding:10px;
}

table.formTable4 a { color:#999999;  text-align:left; text-decoration:none; }




p.ultra_order_font1	 { font-size:90%;	color:#000000;	line-height:140%; }
p.ultra_order_font12 { font-size:90%;	color:#000000;	line-height:140%; }
p.ultra_order_font2	 { font-size:80%;	color:#696969;  line-height:140%; }
p.ultra_order_font3	 { font-size:80%;	color:#808080;  line-height:140%; }
p.ultra_order_font32 { font-size:75%;	color:#000000;  line-height:200%; }



p.ultra_order_font0	 { font-size:110%;	color:#000000;	  }
p.ultra_order_font4	 { font-size:150%;	color:#000000;	line-height:160%; }
p.ultra_order_font5	 { font-size:110%;	color:#000000;	line-height:160%; }
p.ultra_order_font6   { font-size:120%;	color:#555555;  padding:8px; border:0px solid #999999; } 
p.ultra_order_font6 a { color:#666666;  text-decoration:none; }
p.ultra_order_font7   { font-size:90%;	color:#666666;  padding:8px; border:1px solid #999999; }
p.ultra_order_font7 a { color:#666666;  text-decoration:none; }


/*ボタンカスタム*/

input#submit_button {
    font-family:"Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Yu Mincho", YuMincho, "游明朝", "HGS明朝B", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	margin:8px;
	padding: 12px 24px;
    font-size: 0.9em;
	background-color: #000000;
	color: #fff;
	border-style:#000;
	border-style: none;
	/* 角丸の指定 */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}



input#submit_button:hover {    opacity: 0.7;}

h	 { font-family:"Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Yu Mincho", YuMincho, "游明朝", "HGS明朝B", "ＭＳ Ｐ明朝", "MS PMincho", serif;　font-size:120%;	color:#000000;	font-weight:bold; }

.section{ font-family:"Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Yu Mincho", YuMincho, "游明朝", "HGS明朝B", "ＭＳ Ｐ明朝", "MS PMincho", serif;　font-size:80%;	color:#000000;	font-weight:bold; }

.error{ font-family:"Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Yu Mincho", YuMincho, "游明朝", "HGS明朝B", "ＭＳ Ｐ明朝", "MS PMincho", serif;　font-size:80%;	color:#FF0000;	font-weight:bold; }

